Web platform features explorer - HSL

Web platform features explorer

Tags: css Groups: CSS > Color types

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

Learn more

hsl()

Specifications

CSS Color Module Level 4 (#the-hsl-notation), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (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

Interop

Included in Interop 2022
Included in Interop 2023

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist