HEX-naar-HSL-converter

HSL beschrijft een kleur met een tinthoek en percentages voor verzadiging en lichtheid. De omzetting leest HEX eerst als RGB en normaliseert elk kanaal naar 0–1.

Uitgewerkt voorbeeld

Invoer
#336699
Resultaat
hsl(210, 50%, 40%)
Berekening
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Hoe de conversie werkt

Bepaal het grootste en kleinste genormaliseerde RGB-kanaal. Hun midden geeft lichtheid, het verschil bepaalt verzadiging en het grootste kanaal bepaalt de tintsector.

Belangrijke opmerking

HSL is handig voor varianten, maar gelijke HSL-lichtheid garandeert geen gelijke waargenomen helderheid of toegankelijke contrastwaarde.

Open dit voorbeeld in de kleurtool