As defined in CSS Color Module Level 4.
+1
Edit: This should include the shorthand 4 digit version also, #RGBA
Possibly overlaps with #2079
Firefox will support this soon: https://twitter.com/davidbaron/status/729711324884656128
+1
+1
apparently now in firefox: https://twitter.com/patrickbrosset/status/732859240147243008
Landed in Firefox 49 https://bugzilla.mozilla.org/show_bug.cgi?id=1271191
Just landed under Chrome 52 https://bugs.chromium.org/p/chromium/issues/detail?id=76362#c34
Thanks for all the updates!
Just tested: this works in Safari TP 5!
And for the stats: doesn't work in Safari 9.1.1
+1
+1
+1
Landed in
Other css level 4 color proposals related to this issue:
#RGBA (4 digit) notation.rgba() will support a percentage in the alpha channel.hsla() will support a percentage in the alpha channel.hwb() notation.lab() & lch() notations.gray().@color-profile & color() function.device-cmyk() function.color-mod() function
.@mottie i think rgba & hsla has been around for a long time? Anyhow nice list, learn something new everyday i didn't know about :)
Is there something we can do to actually get this up on the website? Bit of a shame to have all this info collect dust in a GitHub issue.
@jimmywarting
i think rgba & hsla has been around for a long time?
Those methods have been, but the alpha channel previously only accepted a fraction:
rgba(0, 0, 0, 0.5)
hsla(0, 0%, 0%, 0.5)
With CSS4, they now also accept percentage values:
rgba(0, 0, 0, 50%)
hsla(0, 0%, 0%, 50%)
@MichielBijl Anyone's able to submit new features, see the CONTRIBUTING file. Alternatively just wait until I get around to it. :)
I've created a pull request for this, let me know if you need any tweaks. 馃憤
Now available at http://caniuse.com/#feat=css-rrggbbaa
@Fyrd Just an FYI it's currently a working draft, not unofficial.
(https://www.w3.org/TR/css-color-4/#hex-notation)
Why not add #rgb or #rgba as well? Everything from @Mottie's comment, really
Shouldn't lch, lab & color() also be added?
Most helpful comment
Now available at http://caniuse.com/#feat=css-rrggbbaa