RGB numbers say how much red, green and blue light a screen should mix, but they say nothing about how the colour will feel. This free rgb to hsl converter turns rgb(138, 43, 226) into hsl(271, 75.9%, 52.7%): a violet you can name, mute or lighten with one number. Everything runs in your browser, so nothing is uploaded and no signup is needed.

How to use this rgb to hsl converter

Three quick steps — enter, read, adjust.

1Enter the RGB channels

Type red, green and blue, each from 0 to 255, for the colour you have.

2Read hue, saturation and lightness

Hue names the colour family, saturation says how vivid it is, and lightness says how light or dark it is.

3Adjust one quality at a time

Drop lightness for a hover shade or lower saturation for a muted version, keeping the other two values untouched.

What this rgb to hsl converter reveals that RGB hides

Built to be free, private, and exact — right in your browser.

The colour family, at a glance

A hue of 271° says violet immediately, where rgb(138, 43, 226) says nothing until you picture the mix.

Why lightening in RGB goes grey

Pushing all three RGB channels toward white shrinks the gap between them, which is what carries the hue; HSL lightening keeps the hue intact.

Hover states without guesswork

Holding hue and saturation while lowering lightness gives a darker version of the same colour, not a muddier one.

A design-system habit

Storing the HSL reading alongside a brand colour makes every tint, shade and muted variant a one-number change.

RGB to HSL Converter FAQs

Short, direct answers to the questions readers ask most.

The channels are scaled to 0–1, lightness is the average of the highest and lowest, saturation comes from their spread, and hue comes from which channel leads and by how much.

Because saturation in HSL is a proportion of full vividness, from 0% grey to 100% fully coloured, rather than a light intensity.

Not always. HSL lightness is arithmetic, not perceptual, so a yellow and a blue at the same lightness can look quite different in brightness.

Saturation 0% and a lightness equal to the grey level; the hue is conventionally shown as 0° because no colour direction remains.

Yes, within one step per channel. Rounding the HSL values for display can shift a channel by a single unit on the way back.