What happens if hue is above 360?

Hue wraps modulo 360° (e.g. 390° becomes 30°).

Are saturation and lightness validated?

Yes. Both must be between 0% and 100% or you get a specific error.

No. Conversion stays in your browser.

Values outside 0–100% return a field-level error. Percent signs are optional in some inputs but the numeric range is enforced.

Yes. Low saturation colors convert correctly — hue is ignored when saturation is 0% because the color is achromatic.

Turn HSL into RGB for tools that expect channel integers. Negative hue wraps modulo 360°.

Hue wraps past 360°. Saturation and lightness are 0–100%.

HSL color

RGB output

Enter HSL values to get rgb() output.

: Hue wraps modulo 360° (e.g. 390° becomes 30°).
: Yes. Both must be between 0% and 100% or you get a specific error.
: No. Conversion stays in your browser.
: Values outside 0–100% return a field-level error. Percent signs are optional in some inputs but the numeric range is enforced.
: Yes. Low saturation colors convert correctly — hue is ignored when saturation is 0% because the color is achromatic.