HEX to HSL Converter
Type a HEX value and get the exact HSL equivalent instantly — plus every other format, free and private.
Input
Result
How to convert HEX to HSL
- Enter your HEX value in the input panel (or use the visual picker).
- The HSL result updates instantly as you type — no submit button needed.
- Click Copy next to the result, or expand “All other formats” for every color model at once.
About HEX
HEX color codes are six-digit hexadecimal numbers (like #6C5CE7) that encode red, green and blue channels — the standard notation for colors in HTML and CSS.
About HSL
HSL (Hue, Saturation, Lightness) is a human-friendly cylindrical model: pick a hue angle on the color wheel, then adjust intensity and brightness. Great for creating tints, shades and hover states.
Frequently asked questions
How do I convert HEX to HSL?
Enter your HEX value in the converter above. The HSL equivalent is calculated instantly in your browser and can be copied with one click.
Is this HEX to HSL converter free?
Yes — every Yexla tool is completely free, requires no signup, and runs locally in your browser. Your colors are never uploaded.
What is the difference between HEX and HSL?
HEX color codes are six-digit hexadecimal numbers (like #6C5CE7) that encode red, green and blue channels — the standard notation for colors in HTML and CSS. HSL (Hue, Saturation, Lightness) is a human-friendly cylindrical model: pick a hue angle on the color wheel, then adjust intensity and brightness. Great for creating tints, shades and hover states.
Can I convert to other formats too?
Yes. Expand the “All other formats” panel to see the same color as HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH and XYZ simultaneously.