RGB to HSL Converter
Converts RGB into the values designers adjust by eye.
HSL
—
Share sends a link that reopens these numbers. Copy details pastes the full breakdown as a list.
Hue — °
Saturation — %
Lightness — %
HSV —
HEX —
The formula
L = (max + min) ÷ 2 S = (max − min) ÷ (1 − |2L − 1|)
Hue is the angle round the colour wheel, set by which channel is largest. Greys have no hue, so it reads 0.
What to watch out for
Red, green and blue are whole numbers from 0 to 255.
Frequently Asked Questions
What is rgb(51, 102, 204) in HSL?
hsl(220, 60%, 50%).
What is pure red in HSL?
hsl(0, 100%, 50%).