HEX to HSL Converter Online
HSL makes it easy to build tints and shades from a single brand colour, and modern CSS theming often stores colours this way. Paste a hex code to get its hue, saturation and lightness.
Runs in your browser — your text is never uploaded or stored.
HEX colour
HSL / RGB
How to Use
- 1.Paste your hex colour code.
- 2.Read the hsl() value returned below.
- 3.Copy it into your CSS custom properties or theme file.
Advertisement
FAQ
Why use HSL instead of hex?
HSL lets you adjust lightness or saturation independently, which makes generating consistent tints, shades and dark-mode variants far easier.
Is the conversion lossless?
HSL values are rounded to whole numbers, so converting back to hex can shift a colour by one or two units.
Need more options?
Color Format Converter
Free online color converter. Convert between HEX, RGB, and HSL color codes with a live preview. Private and browser-based.