HSL stands for Hue, Saturation, Lightness. It represents colors in a cylindrical model, making it more intuitive than RGB for adjusting brightness and saturation.

What range does hue use?

Hue is measured in degrees from 0 to 360, where 0/360 is red, 120 is green, and 240 is blue.

RGB to HSL Color Converter

Convert RGB color values to HSL (hue, saturation, lightness) instantly. Free, no signup.

By AbraCalc Editorial Team · Reviewed by AbraCalc Methodology Review · Last reviewed: 2026-06-25

Embed this tool on your site

<iframe src="https://abracalc.com/converter/rgb-to-hsl/embed.html" width="340" height="320" style="border:1px solid #e4e7ec;border-radius:12px" loading="lazy"></iframe>

How to use this tool

Enter red, green, and blue values (each 0–255).
The tool calculates hue (0–360°), saturation (0–100%), and lightness (0–100%).
Use the hsl() result directly in CSS.

Convert RGB color values to the HSL (Hue, Saturation, Lightness) color model used in CSS and design tools.

Frequently asked questions

What is HSL?: HSL stands for Hue, Saturation, Lightness. It represents colors in a cylindrical model, making it more intuitive than RGB for adjusting brightness and saturation.
What range does hue use?: Hue is measured in degrees from 0 to 360, where 0/360 is red, 120 is green, and 240 is blue.

RGB to HSL Color Converter

How to use this tool

Frequently asked questions

References & sources

Related tools