Conversore colori: a cosa serve
I designer consegnano codici esadecimali, le animazioni CSS preferiscono HSL perché interpola in modo sensato, e il lavoro su canvas richiede canali RGB. Questo conversore prende un colore in uno qualsiasi di questi formati e produce gli altri, con un'anteprima dal vivo e il rapporto di contrasto rispetto a nero e bianco.
Conversore colori: come si usa
- Inserisci un colore in HEX, oppure scegline uno con il color picker.
- Leggi i valori equivalenti in RGB e HSL.
- Controlla i rapporti di contrasto rispetto a testo bianco e nero.
- Copia il formato che ti serve, già pronto in sintassi CSS.
Domande frequenti
Perché usare HSL invece di HEX?
Perché HSL è leggibile a colpo d'occhio. Schiarire un colore significa alzare un numero invece di ricalcolare tre coppie esadecimali, il che rende molto più semplice costruire una palette coerente.
Che rapporto di contrasto serve per l'accessibilità?
Il livello WCAG AA richiede 4,5:1 per il testo normale e 3:1 per il testo grande; il livello AAA alza l'asticella a 7:1. I valori mostrati dallo strumento indicano subito se conviene usare testo bianco o nero.
Cosa significa il quarto valore in RGBA?
È il canale alfa, cioè l'opacità, da 0 (completamente trasparente) a 1 (completamente opaco). Il CSS moderno accetta anche un esadecimale a otto cifre in cui l'ultima coppia codifica l'alfa.
Perché lo stesso HEX appare diverso su due schermi?
A causa della gestione del colore. Gli schermi variano per gamut e calibrazione, e senza un profilo colore esplicito lo stesso valore sRGB viene reso in modo diverso su un monitor a gamut ampio.