Converting HSL to RGB
HSL expresses a color as a hue angle plus saturation and lightness percentages, which maps closely to how people think about color. RGB describes a color as amounts of red, green, and blue light from 0 to 255 — the native model of every screen and camera.
HSL and RGB both describe on-screen color, so the conversion is exact and lossless. HSL is handy for designing palettes and tweaking colors intuitively in CSS, while RGB is better for digital screens, programming, and CSS rgb() values.
This HSL to RGB converter works instantly in your browser: type or pick a HSL color and the RGB value updates live, along with every other common format so you can copy whichever you need. Nothing is sent to a server, and it is completely free with no limits.
When do you need RGB?
Reach for RGB when you are working on digital screens, programming, and CSS rgb() values. Designers and developers routinely convert HSL to RGB to move a color between a design workflow and a web one without eyeballing it. If you want to grab a color straight from an image instead of typing it, try our color picker from image, or build a full scheme with the palette generator.
You can also convert in the other direction with our RGB to HSL converter, or jump to any other format — the tool always shows HEX, RGB, HSL, HSV, and CMYK side by side.