Cum să proiectați cu albastru și culori complementare

Cuprins:

Cum să proiectați cu albastru și culori complementare
Cum să proiectați cu albastru și culori complementare
Anonim

Albastrul este una dintre cele mai comune culori folosite în design web. Folosirea unui albastru mediu spre închis încurajează o senzație relaxantă pe care designerii o pot completa cu galben și portocaliu.

Iată câteva moduri diferite în care albastrul poate lucra cu alte culori.

Opușii se atrag și albastrul merge bine cu portocaliu

Image
Image

Luați în considerare combinarea culorilor albastre cu portocaliu într-o schemă de culori complementară.

De la cel mai întunecat la cel mai deschis, portocalele afișate cu fiecare eșantion albastru din imaginea de mai sus sunt:

  • Hex FFA500 | RGB 255, 165, 0 (un portocaliu auriu; cuvânt cheie de culoare SVG și cuvânt cheie de culoare CSS portocaliu)
  • Hex FF8000 | RGB 255, 128, 0 (portocaliu mediu)
  • Hex FF4500 | RGB 255, 69, 0 (roșu portocaliu; culoarea SVG roșu portocaliu)
  • Hex C83200 | RGB 200, 50, 0 (un portocaliu închis)
  • Numere: hexadecimal FF7F27 | RGB 255, 127, 39 (o portocală de piersici)

Albastrul, de la mai închis la mai deschis, sunt:

  1. Marină: Hex 000080 | RGB 0, 0, 128 (cuvânt cheie de culoare CSS/cuvânt cheie de culoare SVG bleumarin)
  2. Albastru: Hex 0000FF | RGB 0, 0, 255 (cuvântul cheie de culoare CSS/SVG este albastru; culoarea sigură pentru browser)
  3. Hex: 0045FF | RGB 0, 69, 255 (un albastru mediu)
  4. Albastru de oțel: Hex 4682B4 | RGB 70, 130, 180 (cuvânt cheie SVG steelblue; un albastru corporativ)
  5. Hex: 0080FF | RGB 0, 128, 255 (un albastru mediu)
  6. Albastru deschis: Hex ADD8E6 | RGB 173, 216, 230 (cuvânt cheie de culoare SVG albastru deschis)

Albastrul închis și nuanțele medii de albastru simbolizează importanța, încrederea, puterea, inteligența, stabilitatea, unitatea și conservatorismul. Adăugând niște portocalii la paleta dvs. predominant albastru închis, introduceți un pic de căldură și energie care vă pot împiedica paleta să fie prea înclinată sau copleșitoare.

Nu trebuie să utilizați exact aceste nuanțe. Treceți o atingere mai deschisă sau mai întunecată sau pășiți cu un loc spre stânga sau dreapta pe roata de culori. Aceste combinații de culori vă ajută să găsiți o paletă de culori potrivită, folosind albastru și portocaliu ca componente principale.

Amestecă Deep Blues cu galben auriu

Image
Image

Du albastru închis la aproape violet și adaugă un strop de galben strălucitor într-o schemă de culori complementară.

Albastrul este o culoare rece care trece la cald pe măsură ce adăugați tonuri violete, în timp ce galbenul este o culoare caldă pe ceal altă parte a roții de culoare. Pentru a evita vibrațiile neplăcute, evitați utilizarea în cantități egale. Înviorează-ți albastrul cu un strop de galben (sau calmează-ți galbenul cu un strop de albastru).

De la cel mai întunecat la cel mai deschis, galbenul afișat cu fiecare eșantion albastru din imaginea de mai sus sunt:

  • Galben de cadiu: Hex FF9912 | RGB 255, 153, 18 (un galben cald, maronie)
  • Aur: Hex FFD700 | RGB 255, 215, 0 (cuvânt cheie SVG culoare auriu)
  • Numere: hexadecimal FFFF00 | RGB 255, 255, 0 (cuvânt cheie galben SVG/CSS)

Blues sunt:

  1. Albastru foarte închis: Hex 000033 | RGB 0, 0, 51 (un albastru închis sigur pentru browser)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (cuvânt cheie de culoare SVG albastru-noapte)
  3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (cuvânt cheie de culoare SVG albastru închis ardezie; un albastru gri-violet)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (cuvânt cheie de culoare SVG indigo; un albastru violet)
  5. Violet albastru: Hex 8A2BE2 | RGB 138, 43, 226 (cuvânt cheie de culoare SVG albastru-violet)
  6. Albastru cob alt: Hex 3D59AB | RGB 61, 89, 171

Culorile care împing spre partea violet-violet a albastrului pot adăuga o notă de mister, indicii de feminitate. Adaugă căldură albastrului rece.

Nuanțe de cyan cu portocaliu închis

Image
Image

Cyanul mediu spre închis este albastru la limita verde. Aici, diverse nuanțe de albastru mediu și cyan sunt combinate cu culori portocalii maro închis.

Pe lângă atributele sale calmante, această nuanță mai închisă de albastru poate purta simbolul verdelui, cum ar fi echilibrul, armonia și stabilitatea. Obține un pic de căldură și energie atunci când este asociat cu nuanțe maronie sau roșiatice de portocaliu. Maroul este o culoare naturală, neutră, cu picioarele pe pământ. Roșul și cyanul sunt opuse pe roata de culori cu contrast ridicat, dar nu sunt neapărat o combinație grozavă. Trecerea de la roșu la portocaliu și albastru mai închis oferă o paletă mai plăcută.

De la cel mai întunecat la cel mai deschis, roșu-portocaliu afișat cu fiecare eșantion albastru din imaginea de mai sus sunt:

  • Roșu portocaliu intens: Hex CD3700 | RGB 205, 55, 0
  • Portocală de cadmiu: Hex FF6103 | RGB 255, 97, 3
  • Numere: hexagonal roșu FF0000 | RGB 255, 0, 0 (cuvânt cheie de culoare SVG/CSS roșu)

Blues sunt:

  1. Albastru regal închis: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (nu culoare cheie deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (nu culoare cuvânt cheie albastru închis închis)
  4. Cyan închis: Hex 008B8B | RGB 0, 139, 139 (partea mai verde a albastrului)
  5. Albastru mangan: Hex 03A89E | RGB 3, 168, 158 (o culoare albastru turcoaz)
  6. Cyan (aqua): Hex 00FFFF | RGB 0, 255, 255 (cuvânt cheie de culoare SVG cyan sau aqua; o culoare albastru-verde)

Albastru, roșu și galben

Image
Image

O triadă complementară împărțită ia o culoare (în acest caz, albastru) și apoi preia culorile de ambele părți ale complementului acelei culori (culoarea opusă pe roata de culori). Complementul de albastru pur este galben pur. Albastrul mediu este opus portocaliu. În funcție de nuanța de albastru cu care începeți și de câte culori intermediare treceți, îl puteți asorta cu culori de la roșu-roz până la galben-verde.

  1. Marină: Hex 000080 | RGB 0, 0, 128
  2. Roșu aprins: Hex FE0004 | RGB 254, 0, 4
  3. Galben însorit: Hex FFFB00 | RGB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (cuvânt cheie SVG de culoare albastru închis ardezie; un albastru gri-violet)
  5. Aur: Hex FFD700 | RGB 255, 215, 0 (cuvânt cheie SVG culoare auriu)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Cyan închis: Hex 008B8B | RGB 0, 139, 139 (partea mai verde a albastrului)
  8. Violet-Roșu: Hex D02090 | RGB 208, 32, 144
  9. Portocaliu închis: Hex C83200 | RGB 200, 50, 0 (nu culoare cuvânt cheie portocaliu închis)

Nuanțele mai închise de albastru denotă importanță, încredere, putere, autoritate, inteligență, stabilitate, unitate și conservatorism. Roșul este o altă culoare puternică, dar atrage atenția mai mult decât albastrul. Galbenul adaugă puțină strălucire și bucurie. Folosind cantități egale din fiecare culoare ar fi un copil (gândiți-vă la culorile primare), ca exemplul 1. Cu toate acestea, dacă utilizați doar doze mici de roșu și galben (sau culorile din apropiere) cu o schemă de culori în principal albastru închis, este destul de potrivit pentru proiectele pentru adulți care nu doriți să pară prea serioase.

Recomandat: