Home›Color Tools›Color converter› HEX to HSLBrowser
HEX to HSL
HSL separates hue from saturation and lightness, which is why it is the right notation for building a color scale: keep the hue, vary the lightness, and the whole ramp stays coherent.
Every notation is shown at once — the conversion is the same in either direction.
- HEX
- #2F6FEB
- RGB
- rgb(47, 111, 235)
- HSL
- hsl(220, 82%, 55%)
- CSS variable
- --brand: #2f6feb;
Other presets
Same tool, a different requirement.