Kā izveidot dizainu ar zilu un papildinošām krāsām

Satura rādītājs:

Kā izveidot dizainu ar zilu un papildinošām krāsām
Kā izveidot dizainu ar zilu un papildinošām krāsām
Anonim

Zilā ir viena no visbiežāk izmantotajām tīmekļa dizainā izmantotajām krāsām. Izmantojot vidēju vai tumši zilu krāsu, tiek radīta relaksējoša sajūta, ko dizaineri var papildināt ar dzeltenu un oranžu krāsu.

Šeit ir daži dažādi veidi, kā zilā krāsa var darboties ar citām krāsām.

Pretstati piesaista, un zilā krāsa labi sader ar oranžu

Image
Image

Apsveriet iespēju apvienot zilās krāsas ar oranžo krāsu papildinošā krāsu shēmā.

Apelsīni, kas parādīti ar katru zilo paraugu iepriekšējā attēlā, sākot no tumšākā līdz gaišākajam, ir:

  • Hex FFA500 | RGB 255, 165, 0 (zelti oranžs; SVG krāsu atslēgvārds un CSS krāsu atslēgvārds oranžs)
  • Hex FF8000 | RGB 255, 128, 0 (vidēji oranžs)
  • Hex FF4500 | RGB 255, 69, 0 (oranžs sarkans; SVG krāsu atslēgvārds oranžs)
  • Hex C83200 | RGB 200, 50, 0 (tumši oranža)
  • Cipari: Hex FF7F27 | RGB 255, 127, 39 (persiku oranžs)

Blūza krāsa no tumšāka līdz gaišāka ir:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS krāsu atslēgvārds/SVG krāsu atslēgvārds tumši zils)
  2. Zils: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG krāsu atslēgvārds ir zils; pārlūkprogrammai droša krāsa)
  3. Hex: 0045FF | RGB 0, 69, 255 (vidēji zils)
  4. Tērauda zils: Hex 4682B4 | RGB 70, 130, 180 (SVG krāsu atslēgvārds tērauda zils; uzņēmuma zils)
  5. Hex: 0080FF | RGB 0, 128, 255 (vidēji zils)
  6. Gaiši zils: Hex ADD8E6 | RGB 173, 216, 230 (SVG krāsu atslēgvārds gaiši zils)

Tumši zilie un vidēji zilie toņi simbolizē svarīgumu, pārliecību, spēku, inteliģenci, stabilitāti, vienotību un konservatīvismu. Pievienojot oranžo krāsu savai pārsvarā tumši zilajai paletei, jūs ieviešat siltumu un enerģiju, kas var neļaut jūsu paletei būt pārāk smailai vai pārmērīgai.

Jums nav jāizmanto tieši šie toņi. Padariet nedaudz gaišāku vai tumšāku vai pakāpieties vienu vietu pa kreisi vai pa labi uz krāsu rata. Šīs krāsu kombinācijas palīdz atrast piemērotu krāsu paleti, izmantojot zilu un oranžu kā galvenos komponentus.

Sajauciet dziļo blūzu ar zeltaini dzelteno

Image
Image

Padariet tumši zilu krāsu līdz gandrīz purpursarkanai un pievienojiet saulaindzeltenu krāsu papildu krāsu shēmā.

Zils ir vēsa krāsa, kas pāriet uz siltu, pievienojot purpursarkanos toņus, savukārt dzeltenā krāsa ir silta krāsa krāsu apļa otrā pusē. Lai izvairītos no nepatīkamām vibrācijām, nelietojiet to vienādos daudzumos. Atdzīviniet savu zilo krāsu ar dzeltenu krāsu (vai nomieriniet dzelteno ar zilu krāsu).

No tumšākā līdz gaišākajam, dzeltenā krāsa, kas parādīta ar katru zilo paraugu iepriekšējā attēlā, ir:

  • Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (silta, brūngani dzeltena)
  • Zelts: Hex FFD700 | RGB 255, 215, 0 (SVG krāsu atslēgvārds zelts)
  • Cipari: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS krāsu atslēgvārds dzeltens)

Blūzs ir:

  1. Ļoti tumši zils: Hex 000033 | RGB 0, 0, 51 (pārlūkprogrammas drošs tumši zils)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG krāsu atslēgvārds midnightblue)
  3. Tumši šīfera zils: Hex 483D8B RGB 72, 61, 139 (SVG krāsu atslēgvārds darkslateblue; pelēcīgi violeti zils)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG krāsu atslēgvārds indigo; purpura zils)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG krāsu atslēgvārds zili violets)
  6. Cob alt Blue: Hex 3D59AB | RGB 61, 89, 171

Krāsas, kas virzās uz violeti violeto zilo pusi, var pievienot noslēpumainību un sievišķības nokrāsas. Tas piešķir siltumu vēsajam zilajam.

Ciānas toņi ar tumši oranžu krāsu

Image
Image

Vidēji līdz tumši ciāna krāsa ir zila uz zaļas robežas. Šeit dažādi vidēji zili un ciāna toņi ir apvienoti ar tumši brūngani oranžām krāsām.

Papildus nomierinošajām īpašībām šajā tumšākajā zilajā nokrāsā var būt zaļās krāsas simbolika, piemēram, līdzsvars, harmonija un stabilitāte. Tas iegūst mazliet siltuma un enerģijas, ja to apvieno ar brūnganiem vai sarkanīgiem oranžiem toņiem. Brūna ir dabiska, piezemēta neitrāla krāsa. Sarkanā un ciāna krāsa ir pretstati krāsu ritenī ar augstu kontrastu, taču tie ne vienmēr ir lieliska kombinācija. Pārejot no sarkanas uz oranžu un tumšāku zilu, tiek iegūta patīkamāka palete.

No tumšākā līdz gaišākajam sarkani oranžais, kas parādīts ar katru zilo paraugu iepriekšējā attēlā, ir:

  • Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
  • Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
  • Cipari: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS krāsu atslēgvārds sarkans)

Blūzs ir:

  1. Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not krāsu atslēgvārds deepskyblue)
  3. Tumši slānekļa zils: Hex 2F4F4F RGB 47, 79, 79 (not krāsu atslēgvārds darkslateblue)
  4. Tumši ciāna: Hex 008B8B | RGB 0, 139, 139 (zilā zaļākā puse)
  5. Mangāna zils: Hex 03A89E | RGB 3, 168, 158 (zilā tirkīza krāsā)
  6. Ciāna (akva): Hex 00FFFF | RGB 0, 255, 255 (SVG krāsu atslēgvārds ciāna vai ūdens; zili zaļa krāsa)

Zils, sarkans un dzeltens

Image
Image

Sadalīta papildu triāde iegūst vienu krāsu (šajā gadījumā zilu) un pēc tam uztver krāsas abās šīs krāsas papildinājuma pusēs (pretējā krāsa krāsu aplī). Tīras zilās krāsas papildinājums ir tīri dzeltens. Vidēji zils ir pretī oranžam. Atkarībā no tā, ar kādu zilo toni sākat un cik starpkrāsām izietat, varat to saskaņot ar krāsām no sārti sarkanas līdz dzelteni zaļai.

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. Spilgti sarkans: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
  4. Tumši slānekļa zils: Hex 483D8B RGB 72, 61, 139 (SVG krāsu atslēgvārds tumši šīfera zils; pelēcīgi violeti zils)
  5. Zelts: Hex FFD700 | RGB 255, 215, 0 (SVG krāsu atslēgvārds zelts)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Tumši ciāna: Hex 008B8B | RGB 0, 139, 139 (zilā zaļākā puse)
  8. Violetsarkans: Hex D02090 | RGB 208, 32, 144
  9. Tumši oranža: Hex C83200 | RGB 200, 50, 0 (not krāsu atslēgvārds tumši oranža)

Tumšākas zilās nokrāsas apzīmē svarīgumu, pārliecību, spēku, autoritāti, inteliģenci, stabilitāti, vienotību un konservatīvismu. Sarkanā krāsa ir vēl viena spēcīga krāsa, taču tā piesaista uzmanību vairāk nekā zilā. Dzeltens piešķir spilgtumu un prieku. Izmantojot vienādu daudzumu katras krāsas, tā kļūtu bērnišķīga (domājiet par pamatkrāsām), piemēram, 1. piemērā. Tomēr, ja izmantojat tikai nelielas sarkanās un dzeltenās (vai tuvējās krāsas) devas ar galvenokārt tumši zilu krāsu shēmu, tas ir diezgan piemērots pieaugušajiem paredzētiem projektiem, kurus nevēlaties izskatīties pārāk nopietni.

Ieteicams: