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.

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

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

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

Translate RGB into CSS hsl() notation. Hue is an integer 0–360; saturation and lightness use one decimal place.

RGB color

HSL output

Enter RGB values to get hsl() output.

: Hue rounds to the nearest degree. Saturation and lightness round to one decimal place (e.g. 50.3%).
: Yes. Both rgb(51, 102, 153) and 51, 102, 153 are accepted.
: After the page loads, conversion works without a network connection.
: Neutral grays have no chroma, so hue collapses to 0° by convention. Saturation near 0% also indicates a gray regardless of hue number.
: Use the HSL to RGB converter route, or edit the same values in the Color Picker which keeps HEX, RGB, and HSL in sync.