回答
在CSS 3中,为了引用规范,“RGBA值没有十六进制表示法”(请参阅CSS Level 3 spec)。相反,您可以使用带小数或百分数的rgba()函数表示法,例如rgba(255,0,0,0.5)将是50%透明红色。 RGB通道是0-255或0%-100%,alpha是0-1。
在CSS 4 *,可以指定使用第七和一个8位十六进制颜色的第八字符,或一个4位十六进制颜色的第四字符阿尔法通道(见CSS Level 4 spec *)
浏览器支持作为2017年11月
- 自从Firefox 49(Mozilla bug 567283)以来,Firefox已经支持这种语法。
- Safari自Safari 10以来支持此语法。
- 自Chrome 62以来,Chrome在桌面上支持此语法。对于早期版本,您可以启用实验性网页功能以使用此语法。请参阅Chromium Issue 618472和Webkit bug 150853。
- Android上的Chrome预计支持Android P中的语法。
- Opera将可能在Opera 49中支持此语法。
- IE 11和EdgeHTML 15(Edge 40)不支持此语法。
到目前为止浏览器支持信息available on CanIUse.com
*技术上仍处于草案,但由于浏览器的支持,这是不可能改变的。
我不知道,如果有一个正式的标准 -
RGBA是我见过的Web Macromedia公司的代表和其他人使用ARGB
我相信,RGBA是比较常见的表现。
如果有帮助,这是从W3对CSS3
http://www.w3.org/TR/css3-color/#rgba-color
编辑(帕特里克):报价从上面的W3链接
与RGB值,没有十六进制表示为RGBA值
看起来像没有十六进制alpha格式:http://www.w3.org/TR/css3-color/
无论如何,如果你使用一个CSS预处理器像SASS那么你可以传递一个十六进制rgba
: 背景:
rgba(#000, 0.5);
器和预处理器只是转换的十六进制代码自动RGB。
非常酷。感谢提及! – AndrewHenderson
您可以尝试将十六进制颜色放入GIMP或照片商店的颜色选择器以获取RGB值,然后使用alpha值。例如。红色是#FF0000
或rgb(255,0,0
)如果你想红色的alpha值为.5,然后rgba(255,0,0,.5)
。
也许不完全是你想要的,但希望有所帮助。
这是投票下来,这似乎有点苛刻。它没有回答所问的问题,但问题并没有说明他们为什么想知道。如果他们只是想在CSS中使用RGBA颜色,那么这个答案是正确的。 – thelem
- 1. 如何在Jython中将十六进制颜色(带有alpha)转换为int?
- 2. 转换颜色的十六进制值
- 3. 十六进制到十二进制转换(带sed的管道)
- 4. 过滤器十六进制颜色
- 5. 解析十六进制'0x0976b8'颜色android
- 6. 颜色十六进制到imagefilledrectangle
- 7. rbg或十六进制选择颜色?
- 8. 十六进制网页颜色
- 9. R/Dygraphs十六进制颜色代码
- 10. 颜色十六进制计算
- 11. 十六进制表示为char十六进制的文本
- 12. 十六进制表示法
- 13. 十六进制表示
- 14. 用十六进制颜色寻找最近的PMS颜色?
- 15. Php函数十六进制或rgb颜色的颜色名称
- 16. 在JS中生成随机生成的十六进制颜色的免费十六进制颜色?
- 17. 十六进制转换到一个打火机十六进制颜色
- 18. 获取给定颜色十六进制代码的较暗颜色十六进制代码
- 19. 通过十六进制值获取颜色的名称?
- 20. 设置颜色以十六进制和十进制表现不同
- 21. 将十六进制颜色代码转换为颜色名称
- 22. 转换UINT颜色ARGB十六进制颜色KML
- 23. 从十六进制颜色代码中找到颜色名称
- 24. 将十六进制颜色代码作为gridview背景颜色
- 25. 如何十六进制颜色转换为RGB颜色(24位)
- 26. 十六进制颜色的机器人covertion为八进制
- 27. 通过十六进制或RGB获取颜色名称
- 28. 十六进制颜色代码瓶通配符过滤器
- 29. 确定最接近的十六进制颜色针对现有十六进制的列表值
- 30. 整个Adobe RGB颜色空间列表为十六进制?
它的到来在CSS颜色4级[来源](HTTP:// lists.w3.org/Archives/Public/www-style/2013Apr/0051.html)(见第四个要点) –
@ŠimeVidas如果你已经在答案中提出了这个问题,我会提高你的评价。 –
@cirosantilli我看起来像我需要代表? ':-P' –