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

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

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

Opusele se atrag și albastrul merge bine cu portocaliu

Lifewire / J. Bear

Luați în considerare combinarea culorile albastre cu portocala in a schema de culori complementara .

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 (o portocală aurie; 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; cuvânt cheie culoare SVG portocaliu roșu)
• Hex #C83200 | RGB 200,50,0 (un portocaliu închis)
• Numere: Hex #FF7F27 | RGB 255,127,39 (o portocală de piersici)

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

Marinei :Hex #000080 | RGB 0,0,128 (cuvânt cheie de culoare CSS/cuvânt cheie de culoare SVG bleumarin) Albastru:Hex #0000FF | RGB 0,0,255 (cuvântul cheie de culoare CSS/SVG este albastru; culoarea sigură pentru browser)
1. Hex: #0045FF | RGB 0,69,255 (un albastru mediu)
Albastru de oțel:Hex #4682B4 | RGB 70.130.180 (cuvânt cheie SVG steelblue; un albastru corporativ )
2. Hex: #0080FF | RGB 0.128.255 (un albastru mediu)
Albastru deschis:Hex #ADD8E6 | RGB 173.216.230 (cuvânt cheie de culoare SVG albastru deschis)

Albastru închis și nuanțe 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 puțină căldură și energie care vă pot împiedica paleta să nu fie prea înclinată sau copleșitoare.

cum să cumperi opțiuni pentru robinhood

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.

Amestecați albastrul profund cu galbenul auriu

Lifewire / J. Bear

Luați albastrul închis până la aproape violet și adăugați 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 cealaltă 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 de culoare SVG auriu)
• Numere: Hex #FFFF00 | RGB 255.255,0 (cuvânt cheie SVG/CSS galben)

Blues sunt:

Albastru foarte închis:Hex #000033 | RGB 0,0,51 (un browser albastru închis)Albastru miez de noapte:Hex #191970 | RGB 25,25,112 (cuvânt cheie de culoare SVG albastru-noapte)Albastru ardezie închis:Hex #483D8B RGB 72,61,139 (cuvânt cheie de culoare SVG albastru închis; un albastru gri-violet)Indigo:Hex #4B0082 | RGB 75,0,130 (cuvânt cheie SVG indigo; un albastru violet)Albastru violet:Hex #8A2BE2 | RGB 138.43.226 (cuvânt cheie de culoare SVG blueviolet)Albastru cobalt: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

Lifewire / J. Bear

cum să trimiteți fotografii de pe iPhone la computer

Cyanul mediu spre închis este albastru la limita verdelui. Aici, diverse nuanțe medii de albastru ș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,0Portocala de cadmiu:​Hex #FF6103 | RGB 255,97,3
• Numere: Red Hex #FF0000 | RGB 255,0,0 (cuvânt cheie SVG/CSS roșu)

Blues sunt:

Albastru regal închis:Hex #27408B | RGB 39.64.139Deep Sky Blue:Hex #00688B | RGB 0.104.139 ( nu culoare cheie deepskyblue)Albastru ardezie închis:Hex #2F4F4F RGB 47,79,79 ( nu culoare cheie-albastru-arznie închis)Cyan închis:Hex #008B8B | RGB 0,139,139 (partea mai verde a albastrului)Albastru mangan:Hex #03A89E | RGB 3.168.158 (o culoare albastru turcoaz)Cyan (Acva):Hex #00FFFF | RGB 0,255,255 (cuvânt cheie de culoare SVG cyan sau aqua; o culoare albastru-verde)

Albastru, Roșu și Galben

Lifewire / J. Bear

O triadă complementară împărțită ia o culoare (în acest caz, albastru) și apoi ia 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 ce nuanță de albastru î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. Marinei: Hex #000080 | RGB 0,0,128
2. Rosu aprins: Hex #FE0004 | RGB 254,0,4
3. Galben însorit: Hex #FFFB00 | RGB 255.251,0
4. Albastru ardezie închis: Hex #483D8B RGB 72,61,139 (cuvânt cheie de culoare SVG albastru ardezie închis; un albastru gri-violet)
5. Aur: Hex #FFD700 | RGB 255.215,0 (cuvânt cheie de culoare SVG 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 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 în care nu doriți să apară.de asemeneaserios.

Lifewire / Marina Li

cum să faci din scrisul tău de mână un font