Converter

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.