Converts HEX color codes to HSL (Hue, Saturation, Lightness). HSL is a more intuitive color model where hue is the color angle (0-360 degrees), saturation is color intensity (0-100%), and lightness controls brightness (0-100%). It is widely used in CSS and makes it easy to create color variations.
HEX to HSL Converter
Convert hexadecimal colors to HSL notation
How to HEX to HSL
- 1.Enter a HEX color code like #3498DB in the input.
- 2.The HSL value and all other formats appear instantly.
- 3.Use the color picker for visual selection.
- 4.Copy any format with one click.
About This Tool
Frequently Asked Questions
HSL is more human-readable. You can easily adjust lightness to create tints and shades, or change saturation to make colors more or less vivid, without recalculating hex pairs.
Practically yes — both are representations of sRGB colors. Minor rounding may occur in the HSL percentages, but the visual difference is imperceptible.
Pure red. Hue 0 (or 360) is red, 120 is green, and 240 is blue.