Principale Graphic Design Come progettare con il blu e i colori complementari

Come progettare con il blu e i colori complementari



Il blu è uno dei colori più comuni utilizzati nel web design. L'uso di un blu da medio a scuro incoraggia una sensazione rilassante che i designer possono integrare con il giallo e l'arancione.

Ecco alcuni modi diversi in cui il blu può funzionare con altri colori.

01 di 04

Gli opposti si attraggono e il blu si sposa bene con l’arancione

Scegli un blu e scegli un arancione per una tavolozza complementare di 2 colori.

Filo vitale / J. Orso

Considera la possibilità di combinare colori blu con l'arancia in a combinazione di colori complementari .

Dal più scuro al più chiaro, le arancioni mostrate con ciascun campione blu nell'immagine sopra sono:

  • Esadecimale #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)
  • Esadecimale #FF4500 | RGB 255,69,0 (arancione rosso; parola chiave colore SVG arancionerosso)
  • Esadecimale #C83200 | RGB 200,50,0 (arancione scuro)
  • Numeri: esadecimale #FF7F27 | RGB 255,127,39 (un'arancia pesca)

I blu, dal più scuro al più chiaro sono:

    Marina Militare :Esadecimale #000080 | RGB 0,0,128 (parola chiave colore CSS/parola chiave colore SVG blu scuro) Blu:Esadecimale #0000FF | RGB 0,0,255 (la parola chiave colore CSS/SVG è blu; colore sicuro per il browser)
  1. Esadecimale: #0045FF | RGB 0,69,255 (un blu medio)
  2. Blu acciaio:Esadecimale #4682B4 | RGB 70.130.180 (parola chiave colore SVG steelblue; un blu aziendale)
  3. Esadecimale: #0080FF | RGB 0,128,255 (un blu medio)
  4. Azzurro:Esadecimale #ADD8E6 | RGB 173.216.230 (parola chiave colore SVG azzurro)

Blu scuro E tonalità medie di 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 evitare che la tua tavolozza sia troppo artificiosa o opprimente.

come disabilitare permanentemente gli aggiornamenti di Windows 10 10

Non è necessario utilizzare queste tonalità esatte. Scegli un tocco più chiaro o più scuro oppure spostati di un punto 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.

02 di 04

Mescola il blues profondo con il giallo dorato

Scegli una tonalità di giallo da abbinare a un blu intenso o violaceo.

Filo vitale / J. Orso

Porta il blu scuro fino al viola e aggiungi un tocco di giallo sole in una combinazione di colori complementari.

Il blu è un colore freddo che diventa caldo quando si aggiungono i toni violacei, mentre il giallo è un colore caldo sull'altro lato della ruota dei colori. Per evitare vibrazioni spiacevoli, evitare di utilizzarli in quantità uguali. 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 Cadio:Esadecimale #FF9912 | RGB 255,153,18 (un caldo giallo brunastro)Oro:Esadecimale #FFD700 | RGB 255.215,0 (parola chiave colore SVG oro)
  • Numeri: esadecimale #FFFF00 | RGB 255.255,0 (parola chiave colore SVG/CSS giallo)

Gli azzurri sono:

    Blu molto scuro:Esadecimale #000033 | RGB 0,0,51 (un blu scuro sicuro per il browser)Blu notte:Esadecimale #191970 | RGB 25,25,112 (parola chiave colore SVG blu notte)Blu ardesia scuro:Hex #483D8B RGB 72,61,139 (parola chiave colore SVG darkslateblue; un blu grigio-viola)Indaco:Esadecimale #4B0082 | RGB 75,0,130 (parola chiave colore SVG indaco; un blu violaceo)Blu viola:Esadecimale #8A2BE2 | RGB 138,43,226 (parola chiave colore SVG bluviola)Blu cobalto:Esadecimale #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.

03 di 04

Sfumature di ciano con arancione scuro

Scegli un colore intorno al ciano e un caldo arancione rossastro.

Filo vitale / J. Orso

come dire quale ram ho installato

Il ciano da medio a scuro è blu al limite del verde. Qui, varie tonalità di blu medio e ciano sono abbinate a colori arancioni brunastri scuri.

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 brunastre o rossastre dell'arancio. Il marrone è un colore neutro naturale e concreto. Il rosso e il ciano sono opposti sulla ruota dei colori con un contrasto elevato, ma non sono necessariamente un'ottima combinazione. Il passaggio dal rosso all'arancione e al blu più scuro fornisce una tavolozza più gradevole.

Dal più scuro al più chiaro, il rosso-arancio mostrato con ciascun campione blu nell'immagine sopra è:

    Rosso arancio intenso:​Esadecimale #CD3700 | RGB205,55,0Arancio di cadmio:​Esadecimale #FF6103 | RGB255,97,3
  • Numeri: esadecimale rosso #FF0000 | RGB 255,0,0 (parola chiave colore SVG/CSS rosso)

Gli azzurri sono:

    Blu reale scuro:Esadecimale #27408B | RGB 39,64,139Blu cielo profondo:Esadecimale #00688B | RGB 0,104,139 ( non parola chiave colore deepskyblue)Blu ardesia scuro:Esadecimale #2F4F4F RGB 47,79,79 ( non parola chiave colore darkslateblue)Ciano scuro:Esadecimale #008B8B | RGB 0,139,139 (il lato più verde del blu)Blu di manganese:Esadecimale #03A89E | RGB 3.168.158 (un colore blu turchese)Ciano (acqua):Esadecimale #00FFFF | RGB 0,255,255 (parola chiave colore SVG ciano o acqua; un colore blu-verde)
04 di 04

Blu, rosso e giallo

Blu Rosso Giallo e i loro complementi blu

Filo vitale / J. Orso

Una triade complementare divisa prende un colore (in questo caso, il blu) e poi prende i colori su entrambi i lati del complementare di quel colore (colore opposto sulla ruota dei colori). Il complementare del blu puro è il giallo puro. Il blu medio è opposto all’arancione. A seconda della tonalità di blu con cui inizi e di quanti colori intermedi usi, puoi abbinarlo a colori dal rosso-rosato al giallo-verde.

  1. Marina Militare: Esadecimale #000080 | RGB0,0,128
  2. Rosso brillante: Esadecimale #FE0004 | RGB254,0,4
  3. Giallo Sole: Esadecimale #FFFB00 | RGB 255.251,0
  4. Blu ardesia scuro: Hex #483D8B RGB 72,61,139 (parola chiave colore SVG blu ardesia scuro; un blu grigio-viola)
  5. Oro: Esadecimale #FFD700 | RGB 255.215,0 (parola chiave colore SVG oro)
  6. Certosa : Esadecimale #7FFF00 | RGB 127.255,0
  7. Ciano scuro: Esadecimale #008B8B | RGB 0,139,139 (il lato più verde del blu)
  8. Viola-Rosso: Esadecimale #D02090 | RGB 208,32,144
  9. Arancione scuro: Esadecimale #C83200 | RGB 200,50,0 ( non parola chiave colore arancione scuro)

Le tonalità più scure del blu 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 un po’ di luminosità e gioia. Usare quantità uguali di ciascun colore lo renderebbe infantile (pensa ai colori primari), come nell'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 che appaianopureserio.

Campioni di colore blu e altri colori con numeri esadecimali

Lifewire / Marina Li

Google Docs può leggermi?

Articoli Interessanti

Scelta Del Redattore

Come eliminare tutte le email non lette in Yahoo Mail
Come eliminare tutte le email non lette in Yahoo Mail
https://www.youtube.com/watch?v=13UtWidwFYI&t=46s Ogni giorno su Yahoo vengono inviate oltre 26 miliardi di email. Se utilizzi Yahoo Mail da molto tempo, è probabile che tu abbia raccolto un sacco di email
Come eliminare per entrambi in WhatsApp
Come eliminare per entrambi in WhatsApp
Se usi WhatsApp per lavoro o per socializzare, potresti voler eliminare i messaggi. Forse hai inviato un messaggio con errori di battitura per errore o hai allegato immagini o allegati sbagliati. In alternativa, potresti aver inviato un messaggio alla persona sbagliata
Rimuovi le nuove voci del menu contestuale di Office 2019 in Windows 10
Rimuovi le nuove voci del menu contestuale di Office 2019 in Windows 10
Come rimuovere le nuove voci del menu contestuale di Office 2019 in Windows 10 Dopo aver installato Office 2019, aggiunge una serie di voci al nuovo menu contestuale di Esplora file in Windows 10. Se non sei felice di vederle lì, ecco un semplice modo per sbarazzarsi di loro.Advertisment File Explorer
Liberare spazio su disco dopo l'installazione di Windows 10 Fall Creators Update
Liberare spazio su disco dopo l'installazione di Windows 10 Fall Creators Update
Se hai installato Windows 10 versione 1709 Fall Creators Update, puoi liberare spazio su disco. Puoi ripristinare fino a 40 GB sull'unità di sistema.
Come riparare un pixel guasto
Come riparare un pixel guasto
Scopri come riparare un pixel morto sul tuo telefono, TV o monitor del computer. Previene anche i pixel morti, gli elementi dell'immagine che causano un punto nero persistente sullo schermo.
Come trovare i risultati di chkdsk in Windows 10
Come trovare i risultati di chkdsk in Windows 10
Ecco come visualizzare i risultati dettagliati del controllo del disco in Windows 10.
Abilita il ridimensionamento HiDPI in Firefox
Abilita il ridimensionamento HiDPI in Firefox
Ecco un trucco che renderà il tuo browser Firefox un aspetto migliore sugli schermi HiDPI. Il metodo di ridimensionamento predefinito di Firefox può essere modificato.