RGB to HSL Converter
Converts an RGB color into HSL (Hue, Saturation, Lightness).
Lilu Baba's RGB to HSL Converter converts screen RGB values into their Hue, Saturation and Lightness representation, as used in CSS hsl() functions.
How to use this tool
- Enter RGB values (0-255 each), comma separated.
- The equivalent HSL values update instantly.
HSL (H, S, L)
—
FAQ
RGB to HSL Converter — frequently asked questions
Both share Hue and Saturation concepts, but HSL's third component is Lightness (black-to-white position) while HSV's is Value (brightness relative to white) — they use different formulas.
CSS's hsl() color function, which many designers find more intuitive for adjusting lightness independently of hue.