Hex to HSL Converter
Turn a hex color into HSL and RGB values.
Hex into HSL
HSL describes a color by hue, saturation, and lightness, which is far more intuitive for adjustments than a hex string. Converting hex to HSL lets you reason about a color’s properties directly.
Enter a hex and it returns the HSL and RGB values plus the ready-to-paste CSS forms. From there, nudging lightness or saturation to build variations is straightforward.
Useful and private
The conversion runs in your browser, so nothing you enter is uploaded.
Frequently Asked Questions
What is HSL?
A color model of hue, saturation, and lightness, often easier to reason about than hex for adjusting colors.
Why convert to HSL?
Because tweaking lightness or saturation in HSL is intuitive, while hex is opaque about those properties.
Does it show RGB too?
Yes. It gives the HSL, RGB, and CSS forms so you can paste whichever you need.
Browse the full set of free, private, in-browser tools.