littlekit.
Free. No account.

HEX ↔ HSL

Converts between 8-bit sRGB and hue, saturation, lightness using channel extrema.

Your inputs stay in your browser. No account required.
Loading tool controls…

How HEX ↔ HSL works

Converts between 8-bit sRGB and hue, saturation, lightness using channel extrema.

Try an example

#ff0000 ↔ hsl(0, 100, 50).

Good to know

HSL is not perceptually uniform. Hue in degrees, saturation/lightness in percent; no alpha.

Your privacy

Processing happens on this device for this tool. We do not upload your input, put it in share links or save it to your favourites. Closing this tab discards the working input; downloaded results remain wherever you save them.

When this tool is useful

Use HEX ↔ HSL when you need a quick, local result and want the rule or limitation visible alongside it.

How to use it

  1. Enter the input using the labels shown.
  2. Run the operation and review the result.
  3. Download or copy the result only after checking it.

Checks before you rely on the result

  • HSL is not perceptually uniform. Hue in degrees, saturation/lightness in percent; no alpha.
  • Keep the original input when the operation creates a new copy.
  • Use the related tools below when the next step needs a different format.

This page is maintained with the tool implementation and its deterministic tests. If the result looks wrong, report the issue with a non-sensitive example.

Read the HEX ↔ HSL instructions

A useful next step

Colour Picker
Contrast Checker
HEX ↔ RGB
Made for clarity. Built to be useful.Report an issue