Uno schema di colore è una selezione di colori pensata per essere usata in modo coerente all’interno di un progetto visivo.
La combinazione dei colori può essere basata sulla ruota di Itten, come negli esempi che seguono.
Premesse
Warm colors e cool colors
In inglese, i termini warm colors (colori caldi) e cool colors (colori freddi) si riferiscono alla temperatura visiva dei colori, cioè alla sensazione che evocano.
- i colori caldi (rosso, arancione, giallo, terracotta, oro…) evocano calore, energia, passione, accoglienza. Sembrano avvicinarsi all’osservatore, rendendo gli spazi più intimi e stimolanti.
- I Colori freddi (blu, verde, viola, turchese, lavanda…) evocano calma, serenità, freschezza, professionalità. Sembrano allontanarsi, dando una sensazione di spazio e tranquillità.
Secondo l’opinione di alcuni, i colori terziari che contengono sia un colore caldo che uno freddo (come il giallo-verde o il rosso-violaceo) possono essere classificati in entrambe le categorie.
Tint, tone and shade
i termini tint, tone e shade descrivono variazioni di un colore ottenute con l’aggiunta di un colore neutro (bianco, grigio, nero) Ecco cosa significano:
- Tint (tinta): è un colore al quale è stato aggiunto del bianco. L’effetto è di schiarire il colore, rendendolo più delicato. Ad esempio: aggiungendo bianco al rosso, si ottiene il rosa.
- Tone (tono): è un colore al quale è stato aggiunto del grigio (una combinazione di bianco e nero). L’effetto è di modificare la profondità del colore, rendendolo meno brillante o più sobrio. Ad esempio: un blu acceso può diventare un blu polvere aggiungendo grigio.
- Shade (sfumatura): è un colore al quale è stato aggiunto del nero. L’effetto è di scurire il colore, creando una versione più profonda. Ad esempio: aggiungendo nero al verde, si ottiene un verde foresta.
| Nome | Termine inglese | Combinazione di colore | Come ottenere l’effetto in RGB | Come ottenere l’effetto in HSB |
|---|---|---|---|---|
| Tinta | Tint | Colore + Bianco | Aumentare della stessa quantità i tre colori primari. Se un colore è già al massimo, aumentare della stessa quantità gli altri due. | Aumentare Brightness (B) per rendere il colore più luminoso. Diminuire la Saturation (S) per ridurre l’intensità del colore. |
| Tono | Tone | Colore + Grigio | Un colore è grigio puro quando R = G = B. Per “aggiungere grigio” a un colore, si deve ridurre la differenza tra le componenti RGB. | Diminuire la Saturation (S) per ridurre l’intensità del colore. |
| Sfumatura | Shade | Colore + Nero | Diminuire della stessa quantità i tre colori primari. Se un colore è già al minimo, diminuire della stessa quantità gli altri due. | Diminuire Brightness (B) per rendere il colore più scuro. Mantenere Hue e Saturation costanti. |
Schemi di colore
In ogni progetto web, il modo in cui vengono usati i colori può seguire due strade fondamentali: creare impatto (contrasto) o creare coesione (armonia).
Il contrasto nasce dalla divergenza tra i colori. Quando si scelgono tonalità opposte, come il rosso e il verde, si genera un effetto visivo forte e dinamico, che attira subito l’attenzione. Sono colori che si collocano ai poli opposti della ruota cromatica e, proprio per questo, si rafforzano a vicenda.
L’armonia, invece, si basa sulla vicinanza cromatica. Usando colori che condividono caratteristiche simili —come il rosso, il rosso-arancio e l’arancione— si ottiene un insieme coerente e gradevole, che comunica equilibrio e fluidità. Questi colori si trovano uno accanto all’altro nel cerchio cromatico e lavorano insieme con naturalezza.
| Schema | Termine inglese | Effetto | Descrizione |
|---|---|---|---|
| Acromatico | Achromatic | Armonia | Uno schema senza colori che utilizza solo la scala dei grigi. |
| Monocromatico | Mono-chromatic | Armonia | Un solo colore con variazioni di luminosità e saturazione (variazioni di tinta, tono e sfumatura). |
| Colori analoghi | Analogous | Armonia | Colori vicini sulla ruota (es. rosso, rosso-arancio, arancio). |
| Colori complementari | Complementary | Contrasto | Due colori opposti sulla ruota cromatica (es. blu e arancione). |
| Colori complementari divisi | Split complementary | Contrasto | Un colore + i due adiacenti al suo complementare |
| Diade | Diad | Contrasto | Due solori non opposti e non adiacenti sulla ruota |
| Triade | Triad | Contrasto | Tre colori equidistanti sulla ruota (es. rosso, giallo, blu) |
| Tetrade (rettangolo o quadrato) | Tetrad | Contrasto | Due coppie di colori complementari |
Colori complementari
I colori complementari sono quelli che si trovano esattamente opposti sulla ruota cromatica (come giallo e viola, o arancione e blu) e, se accostati, si esaltano a vicenda creando un forte contrasto visivo.
A livello di percezione ottica, a causa di un fenomeno ottico detto contrasto simultaneo (colori affiancati si influenzano reciprocamente), entrambi i colori appariranno più luminosi, brillanti e intensi e, di conseguenza, attireranno di più l’attenzione di chi li osserva.
Colori complementari divisi
I colori complementari divisi (split complementary) sono una variante più equilibrata e versatile dello schema di colori complementari. Offrono contrasto visivo senza essere troppo aggressivi.
Si parte da un colore base e si individuano i due colori adiacenti al suo complementare sulla ruota cromatica. Si evita il complementare diretto, scegliendo invece i suoi “vicini”.
Colori analoghi
I Colori analoghi (o adiacenti) a un colore di base sono quelli che si trovano sulla ruota accanto al colore di base, con cui condividono una tonalità: nella figura, il giallo (colore di base), il giallo-verde e il giallo-arancio condividono la tonalità del giallo,
L’esempio rappresenta un caso limite, con due colori caldi e uno freddo. In generi i colori analoghi appartengono tutti o ai colori caldi o ai colori freddi.
Diade
Una diade di colori si ottiene selezionando due colori che sulla ruota distano tra loro due spazi.
Non sono opposti (come i complementari), ma neanche troppo vicini (come gli analoghi).
Triade
La triade di colori è una combinazione formata da tre colori equidistanti sulla ruota cromatica. Questo schema crea un equilibrio perfetto tra contrasto e armonia, risultando vivace ma ben bilanciato.
Poiché ogni colore è separato da 120° dagli altri due, i tre colori formano un triangolo equilatero sulla ruota cromatica.
Tetrade
La tetrade di colori (nota anche come quadrilaterale cromatico) comprende due coppie di colori complementari disposti in modo da formare un rettangolo (tetrade rettangolare) o un quadrato sulla ruota dei colori (tetrade quadrata).
| Tipo di tetrade | Descrizione |
|---|---|
| Quadrata | Quattro colori equidistanti (90° tra ciascuno) |
| Rettangolare | Due coppie complementari con distanza variabile |
0 commenti