具有alpha通道的颜色的hex表示?

是否有W3或任何其他值得注意的标准如何以hex格式表示颜色(包括alpha通道)?

是#RGBA还是#ARGB?

在CSS 3中,从规范中引用“RGBA值没有hex表示法”(请参阅CSS Level 3规范 )。 相反,你可以使用rgba()函数表示法的小数或百分数,例如rgba(255,0,0,0.5)将是50%透明的红色。 RGB通道是0-255或0%-100%,alpha是0-1。

在当前(2016年5月)的CSS 4草案中,可以使用8位hex颜色的第7和第8个字符或4位hex颜色的第4个字符指定Alpha通道(请参阅CSS Level 4草稿规范 )

浏览器支持截至2017年11月

  • 自从Firefox 49( Mozilla bug 567283 )以来,Firefox已经支持这个语法。
  • 自从Safari 10以来,Safari已经支持这个语法。
  • 自Chrome 62以来,Chrome on Desktop已支持此语法。对于早期版本,您可以启用实验性网页function以使用此语法。 请参阅Chromium问题618472和Webkit错误150853 。
  • Android上的Chrome预计将支持Android P中的语法
  • Opera可能会在Opera 49中支持这种语法。
  • IE 11和EdgeHTML 15(Edge 40)不支持这种语法。

它看起来像没有hex字母的格式: http : //www.w3.org/TR/css3-color/

无论如何,如果你使用像SASS这样的CSS预处理器,那么你可以传递一个hex到rgba :background:

 rgba(#000, 0.5); 

预处理器只是将hex代码自动转换为rgb。

我不确定是否有官方的标准 –

RGBA是Web Macromedia和其他人使用ARGB的代表

我相信RGBA是比较常见的表示。

如果这有助于W3的CSS3
http://www.w3.org/TR/css3-color/#rgba-color

编辑 (帕特里克):从上面的W3链接引用

与RGB值不同,RGBA值没有hex表示法

您可以尝试将hex颜色放入GIMP或照相馆的颜色select器中以获取RGB值,然后使用alpha值。 例如。 红色是#FF0000rgb(255,0,0 ),如果你想红色的alpha值为.5,则rgba(255,0,0,.5)

也许不完全是你想要的,但希望有所帮助。

Chrome 52+ 支持 alpha hex:

 background: #56ff0077; 

对于旧版浏览器,您必须使用:

 background-color: rgba(255, 220, 0, 0.3);