Riferimento Formati di Colore

Definizioni, intervalli di valori e utilizzo per 11 formati di colore inclusi HEX, RGB, HSL, CMYK e OKLCH.

HEX

Un codice colore esadecimale a 6 cifre preceduto da #. Ogni coppia di cifre rappresenta i canali Rosso, Verde e Blu in base 16 (00-FF).

When to use: Il formato più comune nel web design e CSS. Usato in HTML, CSS, strumenti di design e controllo versione.
Value ranges: #000000 (nero) a #FFFFFF (bianco). Supporta la notazione abbreviata a 3 cifre (#RGB) e alfa a 8 cifre (#RRGGBBAA).
CSS support: Supportato in tutte le versioni di CSS.

Try in Color Converter →

RGB

Rappresenta i colori usando i canali Rosso, Verde e Blu, ciascuno con un intervallo da 0 a 255. Basato sulla miscelazione additiva del colore — il modo in cui gli schermi emettono luce.

When to use: Standard per display digitali, editing di immagini e manipolazione programmatica dei colori.
Value ranges: R: 0-255, G: 0-255, B: 0-255
CSS support: Supportato in tutte le versioni di CSS come rgb() e rgba().

Try in Color Converter →

HSL

Definisce il colore per Tonalità (angolo sulla ruota dei colori), Saturazione (intensità) e Luminosità (chiarezza). Più intuitivo di RGB per la selezione manuale dei colori.

When to use: Ideale per generare variazioni di colore — regolare la luminosità per ombre/tinte, la saturazione per l'intensità.
Value ranges: H: 0-360°, S: 0-100%, L: 0-100%
CSS support: Supportato in CSS3+ come hsl() e hsla().

Try in Color Converter →

CMYK

Ciano, Magenta, Giallo, Chiave (nero). Un modello di colore sottrattivo usato nella produzione di stampa dove gli inchiostri assorbono la luce anziché emetterla.

When to use: Richiesto per il design di stampa e i flussi di lavoro di prestampa. Non supportato direttamente in CSS.
Value ranges: C: 0-100%, M: 0-100%, Y: 0-100%, K: 0-100%
CSS support: Non supportato in CSS.

Try in Color Converter →

HSB / HSV

Tonalità, Saturazione, Luminosità (anche chiamato HSV — Tonalità, Saturazione, Valore). Simile a HSL ma usa la luminosità invece della chiarezza, corrispondendo al funzionamento di molti selettori di colore.

When to use: Comune negli strumenti di design come Adobe Photoshop e Figma per i loro selettori di colore.
Value ranges: H: 0-360°, S: 0-100%, B: 0-100%
CSS support: Non supportato direttamente in CSS.

Try in Color Converter →

CIELAB (LAB)

Uno spazio colore percettivamente uniforme dove cambiamenti numerici uguali corrispondono a differenze di colore percepite approssimativamente uguali. Composto da Luminosità (L), asse verde-rosso (a) e asse blu-giallo (b).

When to use: Usato per calcoli precisi di differenza di colore (Delta-E), correzione del colore e rappresentazione del colore indipendente dal dispositivo.
Value ranges: L: 0-100, a: -128 a 127, b: -128 a 127
CSS support: Supportato in CSS Color Level 4 come lab().

Try in Color Converter →

CIE XYZ

Uno spazio colore indipendente dal dispositivo definito dalla Commissione Internazionale dell'Illuminazione. Serve come fondamento matematico per la maggior parte degli altri spazi colore.

When to use: Usato come passaggio intermedio nelle conversioni di spazi colore e per calcoli colorimetrici.
Value ranges: X: 0-95,047, Y: 0-100, Z: 0-108,883 (illuminante D65)
CSS support: Non supportato direttamente in CSS.

Try in Color Converter →

LCH

La forma cilindrica di CIELAB, usando Luminosità, Croma (intensità del colore) e Tonalità (angolo). Più intuitivo degli assi a/b di LAB mantenendo l'uniformità percettiva.

When to use: Preferito a LAB quando è necessario regolare croma o tonalità indipendentemente mantenendo l'uniformità percettiva.
Value ranges: L: 0-100, C: 0-150+, H: 0-360°
CSS support: Supportato in CSS Color Level 4 come lch().

Try in Color Converter →

OKLCH

Uno spazio colore percettivo moderno che migliora LCH con una migliore uniformità di tonalità. Progettato da Björn Ottosson per correggere gli spostamenti di tonalità che si verificano negli spazi basati su CIELAB.

When to use: Raccomandato per l'adozione di CSS Color Level 4. Fornisce la manipolazione più uniforme di luminosità, croma e tonalità di qualsiasi spazio colore ampiamente supportato.
Value ranges: L: 0-1, C: 0-0,4+, H: 0-360°
CSS support: Supportato in CSS Color Level 4 come oklch(). Supporto browser in espansione.

Try in Color Converter →

HWB

Tonalità, Bianchezza, Nerezza. Descrive il colore per il suo angolo di tonalità, poi quanto bianco e nero sono mescolati. Considerato il modello di colore più intuitivo per gli esseri umani.

When to use: Facile da capire per utenti non tecnici. Aggiungere bianchezza crea pastelli, aggiungere nerezza crea toni più profondi.
Value ranges: H: 0-360°, W: 0-100%, B: 0-100%
CSS support: Supportato in CSS Color Level 4 come hwb().

Try in Color Converter →

CIELUV (LUV)

Uno spazio colore percettivamente uniforme ottimizzato per la miscelazione additiva del colore (luce). Simile a CIELAB ma più adatto per applicazioni che coinvolgono l'illuminazione.

When to use: Usato nel design dell'illuminazione, scienza del colore televisiva e applicazioni che coinvolgono luce emessa piuttosto che luce riflessa.
Value ranges: L: 0-100, u: -134 a 224, v: -140 a 122
CSS support: Non supportato in CSS.

Try in Color Converter →