Convertitore di colori: HEX, RGB, HSL, HSV, CMYK

Digita un colore in qualsiasi formato, ad esempio #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) o cmyk(76%, 47%, 0%, 4%). Il convertitore riconosce il formato e mostra lo stesso colore in tutte le altre notazioni.

Come si calcola

Come calcola il convertitore di colori

Tutti i formati descrivono lo stesso colore nello spazio colore sRGB, lo standard di schermi e web. Alla base c’è sempre il valore RGB a tre canali da 0 a 255:

HEX scrive i tre canali come numeri esadecimali a due cifre: 59 → 3B, 130 → 82, 246 → F6, cioè #3B82F6. La forma breve #RGB raddoppia ogni cifra (#FA0 = #FFAA00); una 4ª o 8ª cifra indica l’opacità.
HSL (tonalità, saturazione, luminosità) e HWB (tonalità, quota di bianco e di nero) si calcolano con le formule di CSS Color Module Level 4.
HSV (detto anche HSB) usa la stessa tonalità dell’HSL; V è il più grande dei tre canali e S = (max − min) ÷ max.
CMYK si calcola con la formula semplice K = 1 − max(R, G, B), C = (1 − R − K) ÷ (1 − K) e così via.

Esempio #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. Valore massimo 0,965, minimo 0,231. Luminosità L = (0,965 + 0,231) ÷ 2 = 59,8%, saturazione S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = 91,2%, tonalità H = 217,2°. Risultato: hsl(217.2, 91.2%, 59.8%).

Perché il CMYK è solo un’approssimazione

Gli inchiostri non si comportano come la luce: quale valore CMYK riproduce meglio un colore a schermo dipende dalla carta, dal metodo di stampa e dalla copertura d’inchiostro. Queste caratteristiche sono definite in un profilo colore ICC. La formula usata qui non conosce alcun profilo: per il blu puro, ad esempio, restituisce «cmyk(100%, 100%, 0%, 0%)», che in stampa risulta molto più violaceo. Per i lavori di stampa usa quindi i valori della tua tipografia o converti nel software di impaginazione con il suo profilo.

Arrotondamento

RGB e HEX sono numeri interi e quindi esatti. HSL, HSV e HWB sono mostrati con una cifra decimale, il CMYK in percentuali intere. I valori usano il punto come separatore decimale, così puoi incollarli direttamente nel CSS.

Domande frequenti

Come converto HEX in RGB?

Ogni coppia di cifre è un canale in esadecimale: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Risultato: rgb(59, 130, 246).

Posso usare i valori CMYK per la stampa?

Solo come indicazione approssimativa. La conversione avviene senza un profilo colore ICC. Conta il profilo della tua tipografia: chiedi lì i valori CMYK corretti oppure converti nel tuo software di impaginazione con il profilo di stampa.

Qual è la differenza tra HSL e HSV?

Entrambi usano la stessa tonalità. In HSL, una luminosità del 100% dà sempre bianco e il 50% è il colore puro; in HSV, un valore del 100% è la versione più chiara del colore, e si arriva al bianco riducendo la saturazione a 0%. I programmi di grafica chiamano spesso HSV con il nome HSB.

Quali notazioni vengono riconosciute?

HEX a 3, 4, 6 o 8 cifre (con o senza #), rgb()/rgba() anche in percentuale, hsl()/hsla() con deg, turn, rad o grad, hsv()/hsb(), hwb(), cmyk() con percentuali e tre numeri semplici letti come RGB. Funzionano sia la sintassi con virgole sia quella con spazi (CSS Color 4).

Fonti e riferimenti normativi

CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
CSS Color 4, § 8: W3C – CSS Color Module Level 4: HWB colors

Aggiornato al: 27 settembre 2026

Anteprima colore

Risultato