RGB to HSL Converter

FAQ

How are HSL values rounded?+

Hue rounds to the nearest degree. Saturation and lightness round to one decimal place (e.g. 50.3%).

Can I paste rgb() syntax?+

Yes. Both rgb(51, 102, 153) and 51, 102, 153 are accepted.

Does this run offline?+

After the page loads, conversion works without a network connection.

Why is hue 0 for gray colors?+

Neutral grays have no chroma, so hue collapses to 0° by convention. Saturation near 0% also indicates a gray regardless of hue number.

How do I convert hsl() back to rgb()?+

Use the HSL to RGB converter route, or edit the same values in the Color Picker which keeps HEX, RGB, and HSL in sync.