RGB to HSL Converter
Use this RGB to HSL converter to turn red, green and blue values into hue, saturation and lightness and a ready-to-paste hsl() string. It updates live in your browser, with nothing uploaded and no sign-up.
Pick or paste a color
Edit any field — HEX, RGB, HSL, HSV, CMYK or OKLCH — and the rest update instantly. Copy the CSS string you need.
How to convert RGB to HSL
Enter your RGB values
Type the red, green and blue numbers (0 to 255) into the RGB fields, or pick a color with the picker.
Read the HSL values
Hue, saturation and lightness update instantly, along with HEX, HSV, CMYK and OKLCH for the same color.
Copy the hsl() string
Copy the result as a CSS value like hsl(217 91% 60%) and paste it into your stylesheet.
Why convert RGB to HSL
RGB is great for describing exact channels, but HSL is the format you reach for when you want to think in terms of hue, saturation and lightness. This RGB to HSL converter maps your three channels onto those properties so you can lighten, desaturate or shift the hue of a color and see the result immediately.
The conversion is two-way, so editing the HSL fields updates the RGB values too. Every change is computed in your browser with the standard HSL formula, which keeps it instant and means your colors are never uploaded.
Frequently asked questions
How do I convert RGB to HSL?
Enter the red, green and blue values and read the hue, saturation and lightness, which update as you type.
What do the HSL values represent?
Hue is an angle from 0 to 360 degrees, and saturation and lightness are percentages from 0 to 100.
Can I convert HSL back to RGB?
Yes. The converter is two-way, so editing the HSL fields updates the RGB values automatically.
Is the RGB to HSL conversion accurate?
It uses the standard HSL formula in sRGB. Minor rounding can appear, but a round trip stays visually identical.
Is my color data private?
Yes. The RGB to HSL conversion runs entirely in your browser with no upload and no sign-up.