CSS Color 4 HSL/HSLA syntax

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 65)
Intent stage: None

Summary

Update parsing of HSL() and HSLA() to the syntax described in CSS Color 4. The functions were synonymized, along with allowing whitespace to separate the parameters instead of commas, introducing a backslash as a new way to separate the alpha parameter, allowing angles to be specified as the hue, and allowing percent values for the alpha parameter.

Standards & signals

Specification: https://drafts.csswg.org/css-color/#the-hsl-notation
Firefox: Shipped/Shipping
Safari: No signal
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=786139

Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

View on chromestatus.com