littlekit.
Private by design

RGB ↔ HSL

HSL derives hue from the dominant RGB channel and lightness from the average channel extrema.

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

How rgb ↔ hsl works

HSL derives hue from the dominant RGB channel and lightness from the average channel extrema.

Try an example

rgb(255,0,0) ↔ hsl(0,100,50).

Good to know

Opaque sRGB colours; rounding can prevent exact round trips.

Your privacy

Processing happens on this device. 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.

A useful next step

Made for clarity. Built to be useful.Report an issue