How do I use hsla as background-color in CSS?

Question

<h1 style="background-color: hsla(302, 59, 65, .6);">
foobar
</h1>

In the firefox debugger it says this is an invalid rule.

Not for me. I had to add `%` to 2nd and 3rd numbers for some reason. https://jsfiddle.net/j3kprcbx/ — chovy, Nov 21 '21 at 15:31
You're right. I first tried with another value (not your values) and thought it's working... this is why I removed my comment fast! — Shahriar, Nov 21 '21 at 15:38

score 0 · Accepted Answer · answered Nov 21 '21 at 15:30

0

The second and third values should have %.

<h1 style="background-color: hsla(302, 59%, 65%, 0.6);">
foobar
</h1>

answered Nov 21 '21 at 15:30

Shahriar

1 Answers1