← All text tools

HEX to HSL converter

Convert HEX colors to HSL, with lighter and darker shades.

  • Free
  • No sign-up
  • Works on any device

About HEX to HSL converter

Turn a HEX colour such as #3b82f6 into hue, saturation and lightness values. HSL is easier to adjust by hand than HEX: raise lightness for a lighter tint, lower it for a darker shade. The tool also lists lighter and darker steps of the same hue for quick palettes.

How to use HEX to HSL converter

  1. Set the options above. The result updates live.
  2. Change anything until it's just right.
  3. Copy the result or download it.

Why use this tool?

Also known as

Frequently asked questions

What do the three HSL numbers mean?

Hue is the colour angle from 0 to 360 on the wheel, saturation is its intensity in percent, and lightness runs from 0 percent black to 100 percent white.

Is HEX to HSL converter free?

Yes. HEX to HSL converter on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Related tools