RGB to HSL Converter
Convert RGB channel values to HSL (hue, saturation, lightness).
Try an example:
- HEX
#f97316- RGB
rgb(249, 115, 22)- HSL
hsl(25, 95%, 53%)
Converting RGB to HSL
HSL is often easier for theming than RGB. Converting lets you adjust lightness or hue without juggling three raw channels.
How to convert RGB to HSL by hand
- Normalize each RGB channel to the 0–1 range.
- Use the min and max channels to derive lightness and saturation.
- Derive hue from the dominant channel.
Worked example
rgb(249, 115, 22) → hsl(25, 95%, 53%)
More converters
Frequently asked questions
How do I convert RGB to HSL?
Normalize each RGB channel to the 0–1 range. Use the min and max channels to derive lightness and saturation. Derive hue from the dominant channel. Or just use the converter on this page — it does it instantly. Example: rgb(249, 115, 22) becomes hsl(25, 95%, 53%).
What is rgb(249, 115, 22) in hsl?
rgb(249, 115, 22) 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.