CSS <color> - missing compatibility data for floats in hsl() notation

[danburzo]

What information was incorrect, unhelpful, or incomplete?

BCD does not currently contain an entry on the browser support for float numbers in the hsl() / hsla() color notation, as it has for rgb() / rgba(). My current need is defining the hsl() serialization in a color manipulation library, where I'd make an informed decision whether to round saturation and lightness to the nearest integer.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl()

[danburzo]

I've used the hsl(3e1, 1e2%, 0.5e2%) test value to asses browser support in Browserstack. Here are my results:

• Firefox 29 ✅
• Chrome 39 ✅
• IE ❌
• Edge 15 ✅
• Safari 10.1 ✅ (Safari 10 was not available for testing, Safari 9.1 did not support the syntax)
• Opera 26 ✅
• iOS Safari 10 ✅
• Samsung Internet 5 ✅
• Android Firefox: yes ✅ (confirmed on 65, couldn't find other versions)
• Android Chrome: yes ✅ (confirmed on 80, couldn't find other versions)
• WebView Android: ❓ (couldn't find an option in BrowserStack)

I would assume the exponential notation implies full support for the <number> CSS type in hsl() syntax.

Full HTML test page

```html

hsl(3e1, 1e2%, 0.5e2%)

```

[danburzo]

Actually, it looks like when using strictly floats (e.g. hsl(30.5, 90.6%, 48.3%)), the browser support goes much further back. iOS Safari 3, for example, has no problem displaying it.