RGB to HSL
Convert RGB values into HSL and preview the resulting color for CSS and design work.
Enter whole-number RGB channel values. Hue is shown in degrees, saturation and lightness as percentages.
Result will appear here.
hsl(243, 75%, 59%)
| Format | Value |
|---|
Privacy: conversion runs locally in your browser. No values are stored or transmitted.
How it works
Enter RGB channel values, convert them into HSL, preview the color, and copy the final HSL value for CSS use.
Examples
- 79, 70, 229 → approximately hsl(243, 75%, 59%)
- Inspect hue and lightness more directly than RGB
- Use HSL values for more intuitive color adjustments
FAQ
- What does this RGB to HSL converter do?
It converts red, green, and blue channel values into the HSL color model.
- What input range does it support?
Each RGB channel must be an integer from 0 to 255.
- Why use HSL?
HSL can be easier to reason about for hue, saturation, and lightness adjustments in design workflows.
- Is any color data stored?
No. Conversion runs locally in your browser and no values are stored or transmitted.