# Convert RGB to HSL

> Convert RGB color values to HSL online. Free RGB to HSL converter with a worked example — get hue, saturation, and lightness from rgb().

HSL is far more intuitive than RGB for adjusting colors, because it separates the pure hue from how vivid and how light a color is. This converter translates rgb() values into their HSL equivalent.

## Example: RGB → HSL

Input:
```
rgb(192, 57, 43)
rgb(29, 209, 161)
rgb(84, 160, 255)
```

Output:
```
hsl(6, 63%, 46%)
hsl(164, 76%, 47%)
hsl(213, 100%, 66%)
```

## How to convert RGB to HSL

1. Take your rgb() value and normalize each channel to 0–1.
2. Find the min and max channels to derive lightness and saturation.
3. Compute the hue angle to get hsl(6, 63%, 46%) from rgb(192, 57, 43).

## FAQ

### What range do HSL values use?

Hue is 0–360 degrees around the color wheel, while saturation and lightness are percentages from 0 to 100.

### Why convert RGB to HSL?

HSL lets you tweak one perceptual property at a time — shift the hue, mute the saturation, or lighten — which is awkward to do directly in RGB.

## Related converters

- [HSL → RGB](https://www.devkult.com/convert/hsl-to-rgb.md)
- [RGB → HEX](https://www.devkult.com/convert/rgb-to-hex.md)
- [HEX → HSL](https://www.devkult.com/convert/hex-to-hsl.md)

Open the interactive converter: https://www.devkult.com/convert/rgb-to-hsl