HSL

The hsl() and hsla() CSS functions pick colors using hue, saturation, lightness, and alpha (transparency) channels. To learn more, see hsl() at MDN.

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