DocomintHSL to RGB Converter
Convert HSL (hue, saturation, lightness) values back to RGB red/green/blue numbers.
Once a color's been designed in HSL terms — picking a hue, then adjusting lightness for a shade scale — you often need the RGB numbers back for a `<canvas>` API, a design tool's RGB-only import field, or a legacy codebase that only accepts rgb(). This reverses the HSL formula exactly rather than approximating it.
Example: hsl(340°, 82%, 52%) — a hot pink — converts to rgb(233, 30, 99), the numbers you'd feed into a JavaScript canvas fillStyle that doesn't understand HSL syntax.
How it works
- Drag the hue (0–360°), saturation, and lightness sliders
- The HSL cylinder is converted back to R/G/B channels on your device
- Copy the rgb() string or individual channel numbers
Frequently asked questions
What hue values are valid in HSL?
0 to 360 degrees, since hue is a position around a color wheel — 0° and 360° both land on red, so values wrap rather than clamp (370° behaves the same as 10°).
Does this HSL converter support alpha/transparency?
No — this converts opaque HSL and RGB values only. CSS's hsla()/rgba() and the newer 4-value HSL/RGB syntax add a separate alpha channel that isn't part of the color conversion itself.
Is my color values uploaded anywhere?
No — HSL to RGB Converter runs entirely in your browser using JavaScript/WebAssembly. Your color values is never sent to a server.