具有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值。 例如。 红色是#FF0000
或rgb(255,0,0
),如果你想红色的alpha值为.5,则rgba(255,0,0,.5)
。
也许不完全是你想要的,但希望有所帮助。
Chrome 52+ 支持 alpha hex:
background: #56ff0077;
对于旧版浏览器,您必须使用:
background-color: rgba(255, 220, 0, 0.3);