HSL to RGB
Convert HSL color values to RGB instantly. Paste any HSL value into the free Color Converter and get the RGB equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.
Convert any color →Example
hsl(271, 91%, 65%)→rgb(168, 85, 247)
HSL to RGB on common colours
The same conversion run on colours from across the wheel, black and white included — the ends of the range are where formats differ most. Click a name for that colour’s full breakdown.
| Colour | HSL | RGB |
|---|---|---|
| Black | hsl(0, 0%, 0%) | rgb(0, 0, 0) |
| White | hsl(0, 0%, 100%) | rgb(255, 255, 255) |
| Slate 500 | hsl(215, 16%, 47%) | rgb(100, 116, 139) |
| Red 500 | hsl(0, 84%, 60%) | rgb(239, 68, 68) |
| Lime 500 | hsl(84, 81%, 44%) | rgb(132, 204, 22) |
| Green 500 | hsl(142, 71%, 45%) | rgb(34, 197, 94) |
| Violet 500 | hsl(258, 90%, 66%) | rgb(139, 92, 246) |
| Pink 500 | hsl(330, 81%, 60%) | rgb(236, 72, 153) |
About the formats
HSL. HSL = Hue (0–360°), Saturation and Lightness (0–100%) — intuitive for tweaking colors.
RGB. RGB describes a color by its red, green and blue channels (0–255), e.g. rgb(59, 130, 246).
Other conversions
HEX → RGBHEX → HSLHEX → HSVHEX → CMYKHEX → OKLCHRGB → HEXRGB → HSLRGB → HSVRGB → CMYKRGB → OKLCHHSL → HEXHSL → HSVHSL → OKLCHHSL → CMYKHSV → HEXHSV → RGBHSV → HSLHSV → CMYKHSV → OKLCHCMYK → HEXCMYK → RGBCMYK → HSLCMYK → HSVCMYK → OKLCHOKLCH → HEXOKLCH → RGBOKLCH → HSLOKLCH → HSVOKLCH → CMYK
Browse popular colors →