RGB to HSL
Convert RGB color values to HSL instantly. Paste any RGB value into the free Color Converter and get the HSL equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.
Convert any color →Example
rgb(14, 165, 233)→hsl(199, 89%, 48%)
RGB to HSL 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 | RGB | HSL |
|---|---|---|
| Black | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
| White | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| Slate 500 | rgb(100, 116, 139) | hsl(215, 16%, 47%) |
| Red 500 | rgb(239, 68, 68) | hsl(0, 84%, 60%) |
| Lime 500 | rgb(132, 204, 22) | hsl(84, 81%, 44%) |
| Green 500 | rgb(34, 197, 94) | hsl(142, 71%, 45%) |
| Violet 500 | rgb(139, 92, 246) | hsl(258, 90%, 66%) |
| Pink 500 | rgb(236, 72, 153) | hsl(330, 81%, 60%) |
About the formats
RGB. RGB describes a color by its red, green and blue channels (0–255), e.g. rgb(59, 130, 246).
HSL. HSL = Hue (0–360°), Saturation and Lightness (0–100%) — intuitive for tweaking colors.
Other conversions
HEX → RGBHEX → HSLHEX → HSVHEX → CMYKHEX → OKLCHRGB → HEXRGB → HSVRGB → CMYKRGB → OKLCHHSL → HEXHSL → RGBHSL → HSVHSL → OKLCHHSL → CMYKHSV → HEXHSV → RGBHSV → HSLHSV → CMYKHSV → OKLCHCMYK → HEXCMYK → RGBCMYK → HSLCMYK → HSVCMYK → OKLCHOKLCH → HEXOKLCH → RGBOKLCH → HSLOKLCH → HSVOKLCH → CMYK
Browse popular colors →