a toolbox for the web.

HEX To HSL Converter

To convert HEX to HSL paste your HEX value into the input field below, or use the color picker on the right.

colour picker

What is this tool?

It is an easy way for you to convert hexadecimal color values into the hue, saturation and lightness color system.

To begin, enter your HEX color value into the box at the top of the page and the closest HSL color will be shown below. Alternatively you can pick a new color visually using the color picker tool.

To copy HSL CSS code to your clipboard click the icon in the centre below the converted color.