HEX to HSL Converter

Convert HEX color codes to HSL values. HSL is intuitive for adjusting hue, saturation, and lightness.

The HEX to HSL Converter transforms hexadecimal color codes into HSL (Hue, Saturation, Lightness) values. HSL is a more intuitive color model that makes it easy to create color variations.

Enter your HEX color code in the input field
The HSL value will be calculated automatically
Click the copy button to copy the result
View all color formats in the panel below

Real-time conversion as you type
Supports 3-digit and 6-digit HEX formats
Color preview for visual verification
One-click copy to clipboard
Shows all color formats (HEX, RGB, HSL, HSV, CMYK)

What is HSL?: HSL represents colors using Hue (color type, 0-360°), Saturation (color intensity, 0-100%), and Lightness (brightness, 0-100%).
Why use HSL over RGB?: HSL is more intuitive for humans. You can easily create lighter/darker shades by adjusting lightness, or more/less vivid colors by adjusting saturation.
Is HSL supported in CSS?: Yes! Modern browsers fully support hsl() and hsla() color functions in CSS.