RGB ↔ HSL
Calculate RGB ↔ HSL instantly with the exact formula and a worked example.
RGB ↔ HSL
Red (R), 0–255
Green (G), 0–255
Blue (B), 0–255
Lightness L (HSL)
40%
Hue H
210°
Saturation S
50%
CSS
hsl(210, 50%, 40%)
HEX
#336699
More about: RGB ↔ HSL
What it calculates
The “RGB ↔ HSL” calculator computes Lightness L (HSL) in % from 3 parameters: red (r), 0–255, green (g), 0–255, blue (b), 0–255.
A converter between units of measure, currencies, and sizes.
Example calculation
With parameters Red (R), 0–255 = 51, Green (G), 0–255 = 102, Blue (B), 0–255 = 153 the result is 40 %.
How to use
- Enter red (r), 0–255, green (g), 0–255 and blue (b), 0–255 — each field above is adjustable with a slider.
- Lightness L (HSL) (%) is calculated automatically as you type.
- Check the worked example below to see the formula applied to real numbers.
- Copy the result or bookmark this calculator.
Related calculators
FAQ
How is RGB ↔ HSL calculated?
The RGB ↔ HSL calculator computes Lightness L (HSL) (in %) from red (r), 0–255, green (g), 0–255, blue (b), 0–255. Enter your values above and the exact formula is applied instantly; a worked example with real numbers is shown below.
Is the RGB ↔ HSL calculator free?
Yes. It is completely free, needs no signup, runs entirely in your browser, and sends no data to any server.
More calculators in this category
Explore related free tools