ColorPickerTools

RGB to HSL Converter

RGB to HSL converter — instant, exact, and copy-ready.

Quick answer: Enter RGB channels and get hue, saturation and lightness, plus the hex code. HSL makes it easy to derive hover and disabled variants of a color.

RGB input
HSL output
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217.2, 91.2%, 59.8%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Core facts
InputRGB channels 0–255
OutputHSL, HEX, CMYK
Privacy100% client-side
CostFree

What is a RGB to HSL Converter?

An RGB to HSL converter rewrites a color in terms of hue (the angle on the color wheel, 0–360°), saturation (how vivid, 0–100%) and lightness (how bright, 0–100%). HSL matters because it is the notation a human can reason about: to make a color darker you lower lightness and keep hue and saturation unchanged.

Common Uses for RGB to HSL Converter

  • Turn a hex or RGB brand color into HSL so you can adjust lightness cleanly
  • Generate a tint ramp by keeping H and S and varying L
  • Understand why two colors are related when only their lightness differs

How RGB and HSL relate

RGB and HSL describe the same color in different coordinate systems. Converting between them is a matter of arithmetic, not interpretation, so the result is exact: the tool applies the standard formula and shows the value to one decimal place.

Where the rounding happens

Channel values are rounded for display. If you round a value and then convert back, you may land one unit away from the original — that is normal and invisible on screen. Keep the original code when a perfect round-trip matters.

Frequently Asked Questions

What do H, S and L mean?
H is the hue angle (0–360°); S is saturation, how far the color is from grey (0–100%); L is lightness, from black (0%) through the pure color to white (100%).
Is HSL lossless from RGB?
Yes, mathematically. Rounding in the displayed percentages can shift the value slightly if you convert back.
Why use HSL instead of RGB?
Because hue, saturation and lightness map to the way people think about color, so manual adjustments are predictable.

More color converters

More Color Tools