HSL to RGB Converter

What is the HSL to RGB Converter?

Convert HSL color values to RGB and HEX. HSL describes color by hue, saturation and lightness, which makes adjustments intuitive, while RGB is what many apps and devices expect.

How to use the HSL to RGB Converter

1. Enter your hue, your saturation, your lightness.
2. Results update automatically as you type; you can also press Calculate.
3. Read the output: rgb, hex.
4. 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.

Where the HSL to RGB Converter helps in real life

You adjusted a color’s lightness in CSS using HSL and need the RGB values for a design file. Converting gives exact numbers.

You are building a color scale by changing lightness in HSL. Converting each step gives RGB and HEX values for documentation.

Common mistakes to avoid

• Entering hue as a percentage instead of degrees.
• Swapping saturation and lightness values.
• Rounding RGB values too early.
• Skipping a contrast check after adjusting lightness.

💡 Practical tip: Changing only the lightness value in HSL is an easy way to create lighter or darker versions of a color.

Tips for better results

• Keep hue fixed and change lightness to create shades.
• Save final values in RGB and HEX.
• Check contrast whenever lightness changes.

Related tools