HSL to RGB Converter
Convert HSL colors to RGB values instantly. While HSL is intuitive for design, many APIs, drawing tools, and graphics libraries expect RGB input — this converter bridges the gap in a single step.
name, hex, rgb, hsl, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| RGB | rgb(255, 126, 87) | |
| Name | — | |
| Hex | #ff7e57 | |
| HSL | hsl(14, 100%, 67%) | |
| HWB | hwb(14, 34%, 0%) | |
| CMYK | cmyk(0%, 51%, 66%, 0%) | |
| NCol | R23, 34%, 0% | |
| OKLCH | oklch(73.5% 0.1665 37.54) |
Lighter / Darker:
rgb(255, 235, 229)
rgb(255, 200, 184)
rgb(255, 165, 138)
rgb(255, 130, 92)
rgb(255, 95, 46)
rgb(255, 60, 0)
rgb(209, 49, 0)
rgb(163, 38, 0)
rgb(117, 27, 0)
rgb(71, 17, 0)
rgb(26, 6, 0)
Pick a Color:
Related Color Converters
How to Use This Tool
Enter an HSL color in hsl(h, s%, l%) format. The converter outputs the RGB equivalent as an rgb(r, g, b) string with values from 0 to 255. RGB is the standard for canvas APIs, image processing libraries, and CSS functions that do not natively support HSL. Click any value in the table to copy it instantly. The shade bar shows RGB tints and shades for your color so you can pick the right variation at a glance.