HEX to HSL Converter
Convert a HEX color code to HSL (hue, saturation, lightness).
Try an example:
- HEX
#f97316- RGB
rgb(249, 115, 22)- HSL
hsl(25, 95%, 53%)
Converting HEX to HSL
HSL describes a color by hue, saturation, and lightness — more intuitive for theming than HEX. Converting from HEX lets you tweak lightness or hue directly.
How to convert HEX to HSL by hand
- Convert the HEX code to RGB (0–255 per channel).
- Normalize each channel to the 0–1 range.
- Derive hue from the dominant channel, and saturation and lightness from the min and max.
Worked example
#f97316 → hsl(25, 95%, 53%)
More converters
Frequently asked questions
How do I convert HEX to HSL?
Convert the HEX code to RGB (0–255 per channel). Normalize each channel to the 0–1 range. Derive hue from the dominant channel, and saturation and lightness from the min and max. Or just use the converter on this page — it does it instantly. Example: #f97316 becomes hsl(25, 95%, 53%).
What is #f97316 in hsl?
#f97316 converts to hsl(25, 95%, 53%).
Is this converter free and private?
Yes — it is free and unlimited, and the conversion runs entirely in your browser, so nothing is uploaded to a server.