HEX to HSL Converter
Enter a HEX color code and get HSL (Hue, Saturation, Lightness) values. HSL is often easier to understand intuitively. Runs in your browser.
CONVERT
All three formats are shown simultaneously regardless of mode.
How it works
Color conversion uses standard mathematical formulas. HEX is just a hexadecimal representation of the three RGB byte values, and HSL is computed from RGB via a well-known normalisation algorithm. All conversion runs in JavaScript inside your browser.
Processing runs in your browser
All computation happens inside your browser tab. Our servers are not involved at any point.
Related operations
To check whether two colours meet WCAG legibility, try the contrast checker. For building a coordinated set from one base colour, use the colour palette generator. To craft smooth multi-stop blends in CSS, see the CSS gradient generator.
Frequently asked questions
- What is HSL?
- HSL stands for Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). It is often more intuitive than RGB for colour manipulation.
- Why use HSL over RGB?
- HSL makes it easy to create colour variations, adjusting lightness or saturation produces predictable, harmonious results.
- Is the conversion accurate?
- Yes. The conversion uses standard mathematical formulas and produces precise HSL values.