In breve
- Un cerchio cromatico dispone le tonalità in cerchio, così i rapporti tra loro, come opposti e vicini, si vedono facilmente.
- Il cerchio dei pittori usa rosso, giallo e blu come primari, mentre quello degli schermi usa rosso, verde e blu, quindi i loro colori opposti differiscono.
- Le armonie di colore come complementari, analoghe e triadiche sono posizioni fisse sul cerchio.
- Un cerchio mostra solo la tonalità, quindi ogni palette ricavata da esso ha ancora bisogno di versioni chiare e scure per testo e sfondi.
- I semplici cerchi digitali non sono uniformi per la percezione: con la stessa impostazione, il giallo sembra molto più chiaro del blu.
In questa pagina
Un cerchio cromatico (o ruota dei colori) dispone le tonalità in cerchio, nell’ordine in cui compaiono in un arcobaleno, con le estremità unite. Il suo valore sta nel fatto che i rapporti diventano geometria: i colori opposti contrastano molto, quelli vicini si fondono facilmente e quelli equidistanti si equilibrano. Per usarlo scegli una tonalità di partenza, poi scegli i compagni in base alla posizione.
Questa guida spiega come è costruito il cerchio, di quale fidarsi, come leggerne le armonie e come passare da poche tonalità a una palette utilizzabile. Per il quadro più ampio, parti dalle basi della teoria del colore.
Colori primari, secondari e terziari
Ogni cerchio parte da tre primari. Mescolando due primari si ottiene un secondario, e mescolando un primario con un secondario vicino si ottiene un terziario. Tre primari, tre secondari e sei terziari formano il familiare cerchio a dodici segmenti.
conic-gradient(from 0deg, #d7263d, #e8572a, #f28c28, #f6b82f, #f4e04d, #9bc53d, #3a9d4a, #1b8a8f, #2156a5, #4b3a9a, #7b2d8e, #b0266f, #d7263d)Il cerchio dei pittori e quello degli schermi
Ci sono due cerchi di uso comune, e non concordano. Il cerchio dei pittori si basa su rosso, giallo e blu (RYB), dalla miscela dei pigmenti. Gli schermi creano il colore da luce rossa, verde e blu (RGB), e un cerchio costruito su questi ha primari, secondari e opposti diversi.
| Proprietà | Cerchio dei pittori (RYB) | Cerchio degli schermi (RGB) |
|---|---|---|
| Primari | Rosso, giallo, blu | Rosso, verde, blu |
| Secondari | Arancione, verde, viola | Giallo, ciano, magenta |
| Opposto del rosso | Verde | Ciano |
| Opposto del blu | Arancione | Giallo |
| Opposto del giallo | Viola | Blu |
| Usato da | Pittori, formazione artistica, molte guide alle palette | Selettori di colore, valori di tonalità CSS, gran parte dei software di design |
conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)Quale usare? Per il lavoro digitale, il cerchio degli schermi corrisponde ai tuoi strumenti, quindi i numeri di tonalità che digiti coincidono con ciò che vedi. Il cerchio dei pittori spesso dà opposti più gradevoli, come blu e arancione, perché distribuisce i colori caldi con più generosità. Molti designer leggono le armonie dal cerchio dei pittori e poi scelgono i valori esatti sullo schermo. Vanno bene entrambi, purché tu sia coerente.
Leggere le armonie di colore dal cerchio
Le armonie sono forme sovrapposte al cerchio. Ruota la forma e ottieni una nuova palette con lo stesso equilibrio.
- Complementare: due tonalità esattamente opposte. Massimo contrasto. Vedi i colori complementari.
- Analoga: da tre a cinque vicini di fila. Calma e naturale. Vedi i colori analoghi.
- Triadica: tre tonalità distanti un terzo di cerchio. Audace ma equilibrata. Vedi i colori triadici.
- Complementare divisa: una tonalità più le due ai lati della sua opposta. Contrasto con meno tensione.
- Quadrata o tetradica: quattro tonalità equidistanti, o due coppie complementari. Ricca e difficile da controllare.
- Monocromatica: una tonalità in molte luminosità. Vedi le palette monocromatiche.
Cosa il cerchio cromatico non mostra
Un cerchio mostra la tonalità. Non dice nulla su luminosità o saturazione, e sono queste a decidere gran parte dell’aspetto reale di una palette. Blu e arancione alla massima intensità insieme sono aspri. Un blu notte profondo con un morbido albicocca usa le stesse due tonalità e sembra raffinato. Ogni palette letta da un cerchio ha ancora bisogno di uno scuro, di un chiaro e di versioni più tenui dei suoi colori.
I semplici cerchi digitali sono irregolari
In HSL, il giallo puro e il blu puro hanno lo stesso valore di luminosità, eppure il giallo sembra molto più brillante. Succede perché l’HSL si basa sui canali dello schermo, non su come gli occhi percepiscono la luminosità. Gli spazi colore percettivi come l’OKLCH risolvono il problema: valori di luminosità uguali sembrano ugualmente chiari tra le tonalità, il che li rende migliori per costruire palette e gradienti morbidi.
Come costruire una palette dal cerchio cromatico
- 1
Scegli la tonalità di ancoraggio
Parti dall’unico colore che deve esserci: un colore del brand, un colore del prodotto o uno preso da una foto.
- 2
Scegli un’armonia in base all’atmosfera
Analoga o monocromatica per la calma; complementare, complementare divisa o triadica per l’energia.
- 3
Lascia guidare un solo colore
Usa il colore di ancoraggio per gran parte del design e gli altri in quantità minori. Quantità uguali di ogni colore raramente sembrano volute.
- 4
Varia luminosità e saturazione
Aggiungi una versione scura e una chiara e attenua i colori di supporto. È ciò che trasforma le tonalità in una palette.
- 5
Prova in un’impaginazione vera
Mettici sopra del testo, controlla il contrasto e guardala alla dimensione a cui la vedranno le persone.
Quando una palette funziona come campioni, provala come gradiente. Le tonalità vicine si fondono splendidamente; quelle opposte hanno bisogno di un colore intermedio. Le combinazioni di colori per gradienti offrono esempi collaudati.
Le domande più frequenti
Cos’è un cerchio cromatico?
Un cerchio cromatico è un cerchio di tonalità in ordine spettrale che mostra come i colori si relazionano: gli opposti contrastano, i vicini si armonizzano e le tonalità equidistanti si equilibrano.
Quali sono i colori primari sul cerchio cromatico?
Sul cerchio tradizionale dei pittori sono rosso, giallo e blu. Sul cerchio degli schermi usato dagli strumenti digitali sono rosso, verde e blu.
Perché i colori complementari sono diversi su cerchi diversi?
Il cerchio dei pittori e quello degli schermi hanno primari diversi, quindi il cerchio è distribuito in modo diverso. Sul cerchio dei pittori l’opposto del blu è l’arancione; su quello degli schermi è il giallo.
Quale cerchio cromatico dovrebbero usare i designer?
Per il lavoro digitale il cerchio degli schermi corrisponde ai tuoi strumenti. Molti designer leggono le armonie dal cerchio dei pittori e scelgono i valori esatti sullo schermo. La coerenza conta più della scelta.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo
