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 aggiungere informazioni sulla posizione a Google Foto Google
Come aggiungere informazioni sulla posizione a Google Foto Google
Se vuoi beneficiare di tutte le utili funzioni che l'app Google Foto ha da offrire, devi sapere come aggiungere le informazioni sulla posizione alle tue foto. Fortunatamente, questo è un processo semplice. In questo articolo, noi'
Come recuperare le email cancellate in Outlook
Come recuperare le email cancellate in Outlook
Hai eliminato accidentalmente un'e-mail importante dal tuo account Outlook? Forse stavi ripulendo la tua casella di posta da messaggi indesiderati e stupidi spam, ma hai accidentalmente rimosso qualcosa che volevi conservare. O forse hai premuto il pulsante 'Elimina' mentre
Come accendere la luce della tastiera (Windows o Mac)
Come accendere la luce della tastiera (Windows o Mac)
Il tuo laptop potrebbe avere luci integrate dietro i tasti. Per accendere la luce della tastiera sul tuo laptop, dovrai trovare la giusta combinazione di tasti.
Come convertire i fogli di calcolo di Fogli Google in XML
Come convertire i fogli di calcolo di Fogli Google in XML
Tutti sanno che Excel è un potente foglio di calcolo e che Fogli Google è l'aspirante Excel online basato su cloud, ma sai cos'è XML? XML sta per Extensible Markup Language ed è un formato di file che è
Tutti i modi per aprire PowerShell in Windows 10
Tutti i modi per aprire PowerShell in Windows 10
Oggi vorrei condividere con voi tutti i modi per eseguire PowerShell in Windows 10.
Skin iTunes [SV] da AIMP3
Skin iTunes [SV] da AIMP3
Qui puoi scaricare iTunes [SV] sking per AIMP3 Tipo di skin: Questa skin può essere applicata solo ad AIMP3 Estensione: .acs3 Dimensioni: 793711 byte Puoi scaricare AIMP3 dal suo sito ufficiale. Nota: Winaero non è l'autore di questa skin, tutti i crediti vanno all'autore della skin originale (vedi le informazioni sulla skin in
Skype ha iniziato a nascondere l'indirizzo IP dell'utente per proteggere gli utenti
Skype ha iniziato a nascondere l'indirizzo IP dell'utente per proteggere gli utenti
Microsoft ha finalmente risolto un problema molto vecchio con Skype. Si è verificata una violazione della privacy in Skype che potrebbe consentire a un utente malintenzionato di ottenere l'indirizzo IP degli utenti Skype.