Il blu è uno dei colori più comuni utilizzati nel web design. L'uso di un blu medio-scuro incoraggia una sensazione rilassante che i designer possono completare con il giallo e l'arancione.
Ecco alcuni modi in cui il blu può funzionare con altri colori.
Gli opposti si attraggono e il blu si sposa bene con l'arancione
Considera la possibilità di combinare i colori blu con l'arancione in uno schema di colori complementare.
Dalla più scura alla più chiara, le arance mostrate con ciascun campione blu nell'immagine sopra sono:
- Hex FFA500 | RGB 255, 165, 0 (un arancione dorato; parola chiave colore SVG e parola chiave colore CSS arancione)
- Esadecimale FF8000 | RGB 255, 128, 0 (arancione medio)
- Hex FF4500 | RGB 255, 69, 0 (rosso arancione; parola chiave del colore SVG arancionerosso)
- Hex C83200 | RGB 200, 50, 0 (un arancione scuro)
- Numeri: esadecimale FF7F27 | RGB 255, 127, 39 (un arancione pesca)
I blues, da più scuri a più chiari sono:
- Navy: Hex 000080 | RGB 0, 0, 128 (parola chiave colore CSS/parola chiave colore SVG navy)
- Blu: Hex 0000FF | RGB 0, 0, 255 (la parola chiave del colore CSS/SVG è blu; colore sicuro per browser)
- Esadecimale: 0045FF | RGB 0, 69, 255 (un blu medio)
- Acciaio blu: Hex 4682B4 | RGB 70, 130, 180 (parola chiave colore SVG steelblue; un blu aziendale)
- Esadecimale: 0080FF | RGB 0, 128, 255 (un blu medio)
- Azzurro: Hex ADD8E6 | RGB 173, 216, 230 (parola chiave colore SVG azzurro)
Il blu scuro e le tonalità medie del blu simboleggiano importanza, fiducia, potere, intelligenza, stabilità, unità e conservatorismo. Aggiungendo un po' di arancione alla tua tavolozza prevalentemente blu scuro, introduci un po' di calore ed energia che possono impedire alla tua tavolozza di essere troppo artificiosa o opprimente.
Non devi usare queste sfumature esatte. Passa un tocco più chiaro o più scuro o fai un passo a sinistra o a destra sulla ruota dei colori. Queste combinazioni di colori ti aiutano a trovare una tavolozza di colori adatta utilizzando il blu e l'arancione come componenti principali.
Mescola il blues profondo con il giallo dorato
Porta il blu scuro a quasi viola e aggiungi una spruzzata di giallo sole in una combinazione di colori complementari.
Il blu è un colore freddo che diventa caldo quando aggiungi i toni violacei, mentre il giallo è un colore caldo sull' altro lato della ruota dei colori. Per evitare vibrazioni sgradevoli, evitare di utilizzare in pari quantità. Ravviva il tuo blu con un tocco di giallo (o calma il tuo giallo con un tocco di blu).
Dal più scuro al più chiaro, il giallo mostrato con ciascun campione blu nell'immagine sopra è:
- Giallo Cadium: Hex FF9912 | RGB 255, 153, 18 (un caldo giallo brunastro)
- Oro: Hex FFD700 | RGB 255, 215, 0 (parola chiave colore SVG oro)
- Numeri: esadecimale FFFF00 | RGB 255, 255, 0 (parola chiave colore SVG/CSS giallo)
Il blues è:
- Blu molto scuro: Hex 000033 | RGB 0, 0, 51 (un browser sicuro blu scuro)
- Blu notte: Hex 191970 | RGB 25, 25, 112 (parola chiave colore SVG blu notte)
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (parola chiave colore SVG blu scuro; un blu grigio-viola)
- Indaco: Hex 4B0082 | RGB 75, 0, 130 (parola chiave colore SVG indaco; un blu violaceo)
- Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (parola chiave colore SVG blueviolet)
- Blu cob alto: Hex 3D59AB | RGB 61, 89, 171
I colori che spingono verso il lato viola-viola del blu possono aggiungere un tocco di mistero, accenni di femminilità. Aggiunge calore al blu freddo.
Sfumature di ciano con arancione scuro
Il ciano medio-scuro è blu tendente al verde. Qui, varie tonalità di blu medio e ciano sono abbinate a colori arancione brunastro scuro.
Oltre ai suoi attributi calmanti, questa tonalità di blu più scura potrebbe portare il simbolismo del verde, come equilibrio, armonia e stabilità. Ottiene un po' di calore ed energia se abbinato a sfumature marroni o rossastre di arancione. Il marrone è un colore neutro naturale e con i piedi per terra. Rosso e ciano sono opposti sulla ruota dei colori con contrasto elevato, ma non sono necessariamente una combinazione eccezionale. Passare dal rosso all'arancione e al blu più scuro offre una tavolozza più piacevole.
Dal più scuro al più chiaro, il rosso-arancione mostrato con ciascun campione blu nell'immagine sopra è:
- Rosso arancione intenso: Hex CD3700 | RGB 205, 55, 0
- Arancio cadmio: Hex FF6103 | RGB 255, 97, 3
- Numeri: Red Hex FF0000 | RGB 255, 0, 0 (parola chiave colore SVG/CSS rosso)
Il blues è:
- Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
- Azzurro profondo: Hex 00688B | RGB 0, 104, 139 (non parola chiave colore blu cielo profondo)
- Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not parola chiave colore blu scuro)
- Ciano scuro: Hex 008B8B | RGB 0, 139, 139 (il lato più verde del blu)
- Blu manganese: Hex 03A89E | RGB 3, 168, 158 (un colore blu turchese)
- Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (parola chiave colore SVG ciano o acqua; un colore blu-verde)
Blu, rosso e giallo
Una triade complementare divisa prende un colore (in questo caso, il blu) e poi prende i colori su entrambi i lati del complemento di quel colore (colore opposto sulla ruota dei colori). Il complemento del blu puro è giallo puro. Il blu medio è opposto all'arancione. A seconda della tonalità di blu con cui inizi e di quanti colori intermedi attraversi, puoi abbinarlo a colori dal rosso rosato al giallo-verde.
- Navy: Hex 000080 | RGB 0, 0, 128
- Rosso brillante: Hex FE0004 | RGB 254, 0, 4
- Giallo sole: Hex FFFB00 | RGB 255, 251, 0
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (parola chiave colore SVG blu scuro ardesia; un blu grigio-viola)
- Oro: Hex FFD700 | RGB 255, 215, 0 (parola chiave colore SVG oro)
- Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
- Ciano scuro: Hex 008B8B | RGB 0, 139, 139 (il lato più verde del blu)
- Violet-Red: Hex D02090 | RGB 208, 32, 144
- Arancio scuro: Hex C83200 | RGB 200, 50, 0 (non parola chiave colore arancione scuro)
Le sfumature di blu più scure denotano importanza, fiducia, potere, autorità, intelligenza, stabilità, unità e conservatorismo. Il rosso è un altro colore potente, ma attira l'attenzione più del blu. Il giallo aggiunge luminosità e gioia. L'uso di quantità uguali di ciascun colore lo renderebbe infantile (pensa ai colori primari), come l'esempio n. 1. Tuttavia, se usi solo piccole dosi di rosso e giallo (o colori vicini) con una combinazione di colori principalmente blu scuro, è abbastanza adatto per progetti per adulti che non vuoi sembrare troppo seri.
