Advertisement
COLOR TOOL

RGB to HSL Converter

Turn RGB values into accurate HSL values instantly, with a live color preview and copy-ready CSS.

Runs in your browser Free to use No registration
RGB

RGB input

Set each channel from 0 to 255.

128
128
128
RGB rgb(128, 128, 128)
Quick presets
HSL

HSL output

Hue is measured in degrees; saturation and lightness are percentages.

Hue 0° 0–360°
Saturation 0% 0–100%
Lightness 50% 0–100%
Live preview

Previewing the selected RGB color.

#808080
HSL hsl(0, 0%, 50%)
OUTPUT

Copy-ready formats

RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
HEX#808080
CSS variable--color: #808080;
RGB → HSL

RGB → HSL at a glance

RGB describes the red, green and blue channels. HSL expresses the same color through hue, saturation and lightness.

Private by design

The conversion happens locally in your browser. No RGB values are uploaded for processing.

Advertisement