# Convert HSL to RGB

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

Canvas APIs, image processing, and many libraries expect RGB. This converter resolves an HSL color — hue, saturation, and lightness — into the red, green, and blue channel values those tools need.

## Example: HSL → RGB

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

Output:
```
rgb(191, 58, 43)
rgb(29, 211, 162)
rgb(82, 160, 255)
```

## How to convert HSL to RGB

1. Take your HSL value, e.g. hsl(6, 63%, 46%).
2. Use lightness and saturation to find the chroma range.
3. Map the hue angle onto red, green, and blue to get rgb(191, 58, 43).

## FAQ

### Are the RGB values 0–255?

Yes. Each channel is returned as an integer from 0 to 255, the standard 8-bit-per-channel range used across the web.

### What if saturation is 0%?

A saturation of 0% is a shade of gray, so all three RGB channels come out equal, determined entirely by the lightness.

## Related converters

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

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