Glossario dei colori

L'identità di un colore — rosso, arancione, giallo, verde… distribuito per angolo attorno al cerchio cromatico (0° rosso, 120° verde, 240° blu). Ciò che le persone intendono per 'che colore' è la tonalità.

Quanto un colore è chiaro o scuro, dal nero puro al bianco puro. Stessa tonalità, più bianco è più luminoso, più nero è più scuro; la luminosità decide la leggibilità e il contrasto.

L'intensità di un colore — 0% è grigio, 100% è tonalità pura. Un'alta saturazione attira l'attenzione ma anche affatica; le interfacce utente di solito la riservano per le azioni chiave.

Tonalità pura più bianco è una tinta, più nero è un'ombreggiatura, più grigio è un tono. Le scale dei colori del marchio sono sequenze controllate di tinta/ombreggiatura.

Temperatura di colore della luce in Kelvin: valori K bassi tendono all'arancione (caldo), valori K alti tendono al blu (freddo). La modalità calda di uno schermo semplicemente abbassa la sua temperatura.

Rapporto di luminanza tra primo piano e sfondo, da 1:1 a 21:1. WCAG richiede ≥ 4,5:1 per il corpo del testo e ≥ 3:1 per il testo grande — il limite minimo di accessibilità.

L'algoritmo di contrasto candidato per WCAG 3. Valuta dimensione, spessore e polarità del carattere e legge il testo in modalità scura e a basso contrasto in modo più accurato rispetto a WCAG 2.1.

Un sistema di coordinate per il colore. sRGB è l'impostazione predefinita per il web, Display P3 ne copre di più, OKLCH organizza il colore in base alla percezione umana.

L'intera gamma che un dispositivo o uno spazio può visualizzare. I colori neon ad alta saturazione spesso non rientrano in sRGB — lo schermo può mostrare solo la sua approssimazione più vicina.

Notazione a sei cifre #RRGGBB; il colore a 24 bit (circa 16,7 milioni di colori) è lo spazio colore stesso del web.

Modello additivo rosso-verde-blu, 0-255 per canale. Il modo in cui gli schermi emettono luce rende RGB il modello nativo del mondo digitale.

Modello sottrattivo ciano-magenta-giallo-nero, il linguaggio della stampa. La conversione da RGB dello schermo a CMYK è solo un'approssimazione teorica — una prova contro i campioni fisici.

Cilindro tonalità/saturazione/luminosità, più intuitivo di RGB. Il suo difetto è la non-uniformità: al 50% di luminosità il giallo appare molto più luminoso del blu.

Il nuovo spazio percettivamente uniforme: lo stesso valore di luminosità significa la stessa luminosità percepita, l'interpolazione non sfuma mai in grigio — il nuovo standard per le scale dei sistemi di design. Supporto nativo CSS.

Cambio numerico proporzionale al cambio percepito. In uno spazio uniforme una differenza di 10 appare ugualmente diversa ovunque — la base di CIEDE2000 e OKLCH.

La formula di differenza colore della CIE. ΔE esprime la distanza percepita: sotto 1 è quasi invisibile, sotto 5 viene letto come 'lo stesso colore', oltre 10 è chiaramente diverso.

Il sistema globale di colori speciali, la lingua franca della stampa e della moda. Ogni codice ha la propria ricetta di inchiostro; la resa sullo schermo è una simulazione.

Il sistema di colori standard nazionale tedesco, il punto di riferimento per i rivestimenti industriali e la spruzzatura di polveri — ad esempio il rosso traffico RAL 3020.

Il sistema svedese che descrive il colore per oscurità, cromaticità e tonalità; comune nell'architettura e negli interni.

Un sistema secolare organizzato per tono, valore e croma; ancora lo standard ufficiale per la classificazione del suolo e dell'agricoltura.

Tavolozze utilizzabili da utenti con difetti della visione dei colori (circa l'8% degli uomini): non codificare mai solo per colore, mantenere il contrasto, verificare con simulazione.

Colori denominati per scopo, non per tono: primario/successo/avvertimento/pericolo. La semantica rende possibili la creazione di temi e la modalità scura.

Il colore più riconoscibile di un marchio o di un'interfaccia, che porta le azioni principali e l'enfasi. Solitamente inferiore al 10% della superficie: un uso ampio ne diluisce l'impatto.

Il punto di contrasto oltre il primario: utilizzo limitato (<5%) con opposizione massima di tono o saturazione — punti di notifica, pulsanti CTA.

La scala di grigi: sfondi, separatori, testo principale e secondario si basano su di essa. La tendenza calda o fredda di un neutro definisce il carattere dell'intera interfaccia.

Un colore di marchio esteso per luminosità in 11 gradini (50-950), elemento base dei sistemi di design — hover, bordi e modalità scura utilizzano tutti colori della stessa famiglia.

Colori distanti 180° sulla ruota (rosso-verde, blu-arancione). Insieme si intensificano a vicenda — ottimi per accenti, ma si contrastano a 1:1.

Da due a quattro tonalità vicine (blu, blu-verde, verde). Armoniose e sicure ma piatte — un accento complementare rompe la calma.