Convertitore da HEX a HSL

HSL descrive un colore con un angolo di tonalità e percentuali di saturazione e luminosità. La conversione legge prima HEX come RGB, poi normalizza ogni canale tra 0 e 1.

Esempio svolto

Ingresso
#336699
Risultato
hsl(210, 50%, 40%)
Calcolo
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Come funziona la conversione

Trova il canale RGB normalizzato massimo e minimo. Il loro punto medio dà la luminosità, la differenza determina la saturazione e il canale massimo stabilisce il settore della tonalità.

Nota importante

HSL è comodo per creare varianti, ma valori uguali di luminosità HSL non garantiscono uguale luminosità percepita né contrasto accessibile.

Apri questo esempio nello strumento colore