HSL to RGB Converter

What is HSL to RGB Converter

This tool converts HSL values (Hue 0–360°, Saturation 0–100%, Lightness 0–100%) to RGB values (Red, Green, Blue, each 0–255). Use it when you have a color in HSL format — common in CSS and design systems — and need the RGB equivalent for JavaScript, image processing, or design tools that require separate channel values.

How to use

1. Enter the Hue (0–360), Saturation (0–100), and Lightness (0–100) values in the HSL fields.
2. RGB and HEX values update instantly.
3. Click the copy button next to RGB to copy rgb(r, g, b) format.
4. Switch between all 6 converters using the mode links at the top.

When to use it

Looping hue from 0–360 in JavaScript for a rainbow effect but stuck writing pixels into a Canvas ImageData buffer? That buffer wants separate R, G, B byte values, not an hsl() string. Convert each hsl() output to rgb() here and you get the individual channel numbers ready to drop straight into the array.

Frequently asked questions