HSL

The hsl() and hsla() CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels.

Compatibility (view on caniuse.com)

• Chrome 65 Released on 2018-03-06
• Chrome Android 65 Released on 2018-03-06
• Edge 79 Released on 2020-01-15
• Firefox 52 Released on 2017-03-07
• Firefox for Android 52 Released on 2017-03-07
• Safari 12.1 Released on 2019-03-25
• Safari on iOS 12.2 Released on 2019-03-25

BCD data

• css.types.color.hsl
• css.types.color.hsl.alpha_parameter
• css.types.color.hsl.mixed_type_parameters
• css.types.color.hsl.space_separated_parameters