HSL Converter
Convert HSL color values to RGB and HEX, or RGB and HEX back to HSL, with a live preview swatch. Free, fast and private.
Your result will appear here.
How to use HSL Converter
- Enter hue (0–360), saturation and lightness (0–100%).
- Click HSL to RGB / HEX.
- Copy the RGB, HEX or CSS value.
Note: this tool runs in your browser. Nothing is uploaded.
Frequently Asked Questions
Is this tool free?
Yes, it is 100% free with no sign-up. Your data stays in your browser.
Do I need to install anything?
No. It works in any modern browser on phone, tablet or computer.
Is my data uploaded?
No. This tool runs entirely in your browser and your input is never uploaded to a server.
What do H, S and L mean?
Hue is the color's position on the color wheel (0 red, 120 green, 240 blue). Saturation is how vivid it is, and lightness is how bright or dark it is.