What is the HSL to RGB Converter?
Convert HSL color values to RGB and HEX. Designers and developers switch between color formats constantly. These color tools convert precisely between HEX, RGB, HSL and CMYK and check accessibility contrast against WCAG.
How to use the HSL to RGB Converter
- Enter your hue, your saturation, your lightness.
- Results update automatically as you type; you can also press Calculate.
- Read the output: rgb, hex.
- Use the 📊 chart to see the result visually, then copy or share it.
Formula and method
Worked example
With hue = 220, saturation = 65, lightness = 51, the HSL to RGB Converter returns rgb: rgb(49, 103, 211); hex: #3167d3.
Tips for better results
- Aim for at least 4.5:1 contrast for body text (WCAG AA).
- CMYK conversions are device-independent approximations — proof important print jobs.
- Build a palette from one brand color, then generate tints and shades.
Frequently asked questions
What does the HSL to RGB Converter do?
Convert HSL color values to RGB and HEX.
How is it calculated?
The HSL to RGB Converter uses this method: Standard HSL → RGB conversion (CSS Color Module).
Can you show an example?
With hue = 220, saturation = 65, lightness = 51, the HSL to RGB Converter returns rgb: rgb(49, 103, 211); hex: #3167d3.
Is the HSL to RGB Converter accurate?
Yes. It uses standard formulas and exact constants, and the results are verified by our automated test suite. Values are displayed to up to 12 significant digits.
Is this tool free and private?
Yes — the HSL to RGB Converter is completely free with no sign-up, and it runs entirely in your browser, so the values you enter are never uploaded to our servers.
Related tools
📬 Get new tools first — free
Join Taurang to hear about new calculators, converters and features. No spam; unsubscribe anytime.