Colore
HEX, rgb(), hsl(), oklch() o nome CSS
Contrasto WCAG
Scala di tinte
Clicca un campione per copiarne l'HEX.
Combinazioni armoniche
Come usare il convertitore colori
Scrivi o incolla un colore in qualsiasi formato, oppure usa il selettore: tutte le conversioni si aggiornano subito e si copiano con un clic.
- Nel riquadro Contrasto scegli colore del testo e dello sfondo: vedi subito il rapporto e i livelli WCAG superati. Se non basta, il tool propone la variante più vicina che raggiunge AA.
- La scala di tinte genera 10 gradazioni (50–900) mantenendo la tonalità, pronte da incollare come variabili CSS.
Domande frequenti
Quale contrasto serve per essere accessibili?
Le WCAG 2.1 richiedono almeno 4,5:1 per il testo normale (livello AA) e 3:1 per il testo grande (dal 24px, o 18,66px in grassetto). Il livello AAA chiede 7:1 e 4,5:1.
Cos'è OKLCH?
Uno spazio colore percettivo: a parità di L (luminosità) i colori appaiono davvero ugualmente chiari. È supportato dai browser moderni con la funzione CSS oklch() ed è comodo per creare palette coerenti.
Il CMYK è adatto alla stampa?
È una conversione matematica indicativa. Per la stampa professionale serve il profilo colore della tipografia (per esempio FOGRA39).
Posso incollare un colore in qualsiasi formato?
Sì: HEX (anche a 3 o 8 cifre), rgb(), hsl(), hwb(), nomi CSS e qualsiasi formato riconosciuto dal browser.