FAHAQ

HEX to HSL Converter

Convert HEX colors to HSL instantly.

Free online HEX to HSL converter. Enter a HEX color code to get its HSL (hue, saturation, lightness) values, with a live swatch and color picker. Supports 3- and 6-digit HEX. Runs in your browser.

How to use the HEX to HSL Converter

  1. 01Type a HEX code (e.g. #6f4dff) or use the color picker.
  2. 02See the live swatch plus HSL and HEX values.
  3. 03Copy the HSL string for your CSS.

Frequently asked questions

What is HSL?

HSL stands for hue, saturation and lightness. Hue is an angle from 0–360°, while saturation and lightness are percentages — an intuitive way to describe and tweak colors.

Does it support shorthand HEX like #fff?

Yes. Both 3-digit shorthand (#fff) and full 6-digit (#ffffff) HEX codes are supported, with or without the leading #.