HEX-till-HSL-konverterare

HSL beskriver en färg med en nyansvinkel och procent för mättnad och ljushet. Konverteringen läser först HEX som RGB och normaliserar varje kanal till 0–1.

Genomräknat exempel

Indata
#336699
Resultat
hsl(210, 50%, 40%)
Beräkning
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Så fungerar konverteringen

Hitta den största och minsta normaliserade RGB-kanalen. Deras mittpunkt ger ljushet, skillnaden bestämmer mättnad och maxkanalen bestämmer nyanssektorn.

Viktig anmärkning

HSL är praktiskt för variationer, men lika HSL-ljushet garanterar inte lika upplevd ljusstyrka eller tillgänglig kontrast.

Öppna exemplet i färgverktyget