HSL to RGB Converter
Enter hue, saturation and lightness and get the matching red, green and blue channel values from 0 to 255.
hsl input
Result · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
How to use: HSL to RGB
- 1
Enter a color
Type a color code or choose a color with the picker — every field accepts the format it shows.
- 2
See it converted
The result updates instantly as you type, together with a live preview of the color.
- 3
Copy the code
Copy the value you need with one click and paste it into your design, CSS or print settings.
From HSL to RGB
HSL is a comfortable way to design colors: you pick a hue on the color wheel (0° is red, 120° green, 240° blue), then set the saturation — how vivid the color is — and the lightness, where 0% is black, 50% is the pure hue and 100% is white. Displays, however, work with RGB, the brightness of their red, green and blue subpixels, so an HSL color is always converted before it is shown.
You need the RGB values when software does not accept HSL: many graphics editors, Android and iOS color APIs, LED strips, game engines and charting libraries expect three channel numbers. Type the three HSL values and the tool shows the RGB result along with HEX, HSV and CMYK. For example, hsl(200, 80%, 40%) gives rgb(20, 129, 184). Because HSL is entered in whole numbers, neighbouring inputs sometimes produce the same RGB color.
Everything runs locally in your browser — your images are never uploaded to a server.