color tool
HEX to HSL Converter
Convert HEX colors to HSL instantly with live output, color preview, and copy-ready values.
Convert a HEX color into HSL for hue, saturation, and lightness adjustments.
hsl outputlive
hsl(0, 100%, 71%)
How it helps
HSL is often easier to reason about when adjusting hue, saturation, and lightness in a design system. This page turns a HEX color into a more tweakable format instantly.
Common uses
Translate brand colors into HSL for theme adjustments and state variants.
Check hue and lightness values while building design tokens.
Preview the source color while copying formatted HSL output.