HEX to HSL converter
Paste a HEX code to get its HSL value, then nudge hue, saturation and lightness with sliders.
How to use this tool, with screenshots →HSLhsl(210, 100%, 56%) Click to copy
≈ Azure
Frequently asked questions
Why use HSL instead of HEX?
HSL describes color the way people think about it, so it is easy to make a color lighter, darker or less saturated by changing one number.