HSL to RGB Converter
Convert HSL values back to RGB. Useful when your target format requires RGB values. All conversion is done locally in your browser.
CONVERT
All three formats are shown simultaneously regardless of mode.
How it works
Hue, saturation and lightness are turned into red, green and blue with the standard HSL formula from the CSS Color specification, then rounded to whole numbers from 0 to 255. hsl(120, 100%, 25%) gives rgb(0, 128, 0), the CSS color green. All conversion runs in JavaScript in your browser.
Processing runs in your browser
All computation happens inside your browser tab. Our servers are not involved at any point.
Related operations
To check whether two colours meet WCAG legibility, try the contrast checker. For building a coordinated set from one base colour, use the colour palette generator. To craft smooth multi-stop blends in CSS, see the CSS gradient generator.
Frequently asked questions
- Where do I get HSL values?
- Design tools like Figma and web browsers' colour pickers often show HSL. CSS also accepts hsl() syntax natively.
- Is the output rounded?
- Yes. RGB values are whole numbers (0–255) as required by the format.
- What is hsl(120, 100%, 25%) in RGB?
- rgb(0, 128, 0), the CSS named color green (#008000). Enter 120, 100 and 25 in the H, S and L fields to check it.
- What happens if saturation is 0?
- The color is a grey whose three channels all equal the lightness share of 255: hsl(0, 0%, 50%) gives rgb(128, 128, 128).
Last reviewed September 30, 2026
Other pages for this tool
Related tools
- Background reading: Complete guide to color tools