What does HSL stand for?

HSL is hue (0-360 degrees), saturation (0-100%) and lightness (0-100%). It is often easier to tweak than RGB because changing one value adjusts a single perceptual property.

How accurate is the conversion?

It uses the standard RGB-to-HSL formula and rounds hue to the nearest degree and saturation and lightness to the nearest percent, matching how browsers interpret hsl().

Is anything sent to a server?

No. The conversion runs entirely in your browser — nothing is uploaded or logged.

Why use HSL instead of RGB?

HSL separates a colour into intuitive controls: hue picks the colour, saturation sets how vivid it is, and lightness goes from black to white. To make a colour lighter or more muted you change one value, whereas in RGB you would adjust all three channels at once.

What are the ranges of H, S and L?

Hue is 0–360 degrees around the colour wheel, saturation is 0–100%, and lightness is 0–100%. The tool rounds hue to the nearest degree and S and L to the nearest percent, matching how browsers read hsl().

What HSL value does a grey have?

Any grey, white, or black has 0% saturation, so its hue is irrelevant (shown as 0). Only the lightness changes — 0% is black, 50% is mid-grey, 100% is white.

RGB to HSL Converter

Enter red, green and blue values from 0–255 and get the equivalent HSL — hue, saturation, and lightness — instantly, with a live colour swatch you can copy as a CSS hsl() value.

How it works

The converter normalises each RGB channel to the 0–1 range and finds the maximum and minimum of the three. Their average gives lightness. The difference between them (the chroma), divided relative to lightness, gives saturation. The hue is determined by which channel is largest and by how far the other two differ, mapped onto the 0–360° colour wheel. This is the standard RGB-to-HSL conversion; the tool rounds hue to a whole degree and saturation and lightness to whole percents.

Example

Convert rgb(59, 130, 246):

Normalised max = 246/255, min = 59/255
Lightness ≈ 60%
Saturation ≈ 91%
Hue ≈ 217°
Result: hsl(217, 91%, 60%)

RGB	HSL
rgb(255, 0, 0)	hsl(0, 100%, 50%)
rgb(0, 255, 0)	hsl(120, 100%, 50%)
rgb(128, 128, 128)	hsl(0, 0%, 50%)
rgb(59, 130, 246)	hsl(217, 91%, 60%)

The whole conversion runs in your browser — nothing is uploaded.