HSL to RGB Converter
Free HSL to RGB converter. Enter hue, saturation, and lightness values and instantly get the red, green, and blue values with a live color preview.
rgb(255, 87, 51) Please enter valid values: H 0–360, S 0–100, L 0–100.
Convert HSL to RGB with Our Free Online Tool
Enter hue (0–360°), saturation (0–100%), and lightness (0–100%) and instantly see the red, green, and blue values. A live color preview updates as you type.
When Do You Need HSL to RGB?
Many design tools output colors in HSL, while CSS, canvas APIs, and image processing libraries often expect RGB. This converter bridges that gap instantly.
HSL to RGB Conversion Formula
For achromatic colors (S = 0): R = G = B = L × 255. Otherwise, compute intermediate values q and p from L and S, then apply a piecewise hue function to each of the three channels shifted by 120°.
Common HSL to RGB Conversions
| H (°) | S (%) | L (%) | R | G | B |
|---|---|---|---|---|---|
| 0 | 0 | 0 | 0 | 0 | 0 |
| 0 | 0 | 100 | 255 | 255 | 255 |
| 0 | 100 | 50 | 255 | 0 | 0 |
| 120 | 100 | 50 | 0 | 255 | 0 |
| 240 | 100 | 50 | 0 | 0 | 255 |
| 60 | 100 | 50 | 255 | 255 | 0 |
| 0 | 0 | 50 | 128 | 128 | 128 |
| 14 | 100 | 60 | 255 | 87 | 51 |
| 204 | 70 | 53 | 52 | 152 | 219 |
| 145 | 63 | 49 | 46 | 204 | 113 |