RGB(255, 0, 0) to HSL (Pure Red)

RGB(255, 0, 0) converts to HSL(0°, 100%, 50%), which is pure red at full saturation.

Embed this tool on your site

<iframe src="https://abracalc.com/converter/rgb-to-hsl/red-255-0-0-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.

Pure red RGB(255, 0, 0) is represented as hsl(0, 100%, 50%) in HSL notation.

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.