Convertitore di colori

Scegli un colore o scrivilo in qualsiasi formato (HEX, RGB, HSL o CMYK) e ottieni subito il valore negli altri, pronto da incollare nel tuo CSS. Ti mostriamo anche se si legge bene sul bianco e sul nero.

Formati di colore

HEX (#RRGGBB) è il formato più comune sul web: tre coppie di cifre esadecimali con la quantità di rosso, verde e blu, da 00 a FF. RGB esprime lo stesso in decimale, da 0 a 255. HSL descrive il colore tramite tonalità (0-360°), saturazione e luminosità in percentuale, il che rende facile creare varianti più chiare o più scure dello stesso colore.

CMYK (ciano, magenta, giallo e nero) è il modello della stampa. La conversione da RGB è approssimativa: per stampare con precisione occorre il profilo colore della tipografia.

Contrasto e accessibilità

Le linee guida di accessibilità WCAG richiedono un contrasto minimo tra testo e sfondo perché possano leggerlo anche le persone ipovedenti: 4,5:1 per il testo normale al livello AA e 7:1 al livello AAA (3:1 e 4,5:1 per i testi grandi). Il contrasto va da 1:1 (stesso colore) a 21:1 (nero su bianco).