Come funziona
Scrivi un colore in qualsiasi formato comune o usa il selettore. Ottieni lo stesso colore in HEX, RGB, HSL e CMYK, il suo rapporto di contrasto con testo bianco e nero con il relativo livello WCAG, e una fila di tonalità più chiare e più scure da esplorare con un tocco.
Rapporto di contrasto = (L1 + 0,05) ÷ (L2 + 0,05), dove L è la luminanza relativa
Come leggere i livelli di contrasto
- AAA (7:1 o più): leggibilità eccellente per il testo di base.
- AA (4,5:1 o più): il minimo per il testo normale sui siti web.
- AA Large (3:1 o più): solo per titoli grandi o in grassetto e icone.
- Sotto 3:1: difficile da leggere per molte persone.
Consigli
- I valori CMYK sono una conversione semplice; le tipografie usano profili colore, quindi controlla le prove di stampa per i colori esatti.
- L'HEX a 8 cifre e rgba() includono la trasparenza.
- Fai clic su un valore per copiarlo.
Standard e fonti
- I valori di colore seguono il CSS Color Module Level 4 (sRGB)
- Rapporti e livelli di contrasto seguono le WCAG 2.2 (W3C)
Ultima revisione 7 ottobre 2026
Domande frequenti
Come converto un HEX in RGB?
Scrivi il codice HEX, per esempio #ff6600, e il valore RGB compare subito — in questo caso rgb(255, 102, 0).
Che rapporto di contrasto serve?
Le WCAG richiedono almeno 4,5:1 per il testo normale (AA) e 7:1 per il livello AAA, più severo. I titoli grandi richiedono 3:1.
I valori CMYK sono esatti per la stampa?
Sono una conversione matematica diretta. La stampa reale dipende dai profili di carta e inchiostro, quindi verifica con una prova di stampa.
Supporta la trasparenza?
Sì. I valori HEX a 8 cifre, rgba() e hsla() mantengono il canale alfa.
Come copio un valore?
Fai clic su un valore HEX, RGB, HSL o CMYK per copiarlo, oppure usa il pulsante di copia per copiarli tutti insieme.