用α通道的颜色的十六进制表示?(Hex representation of a color with

2019-07-17 22:47发布

是否有一个或W3上如何表示十六进制格式的颜色(包括α信道)的任何其它值得注意的标准?

它是#RGBA或#ARGB?

Answer 1:

在CSS 3,从规范引用,“有一个RGBA值没有十六进制表示”(见CSS 3级规格 )。 相反,可以使用RGBA()与小数或百分比,功能表示法例如RGBA(255,0,0,0.5)。将50%的透明的红色。 RGB信道是0-255或0%-100%,α-是0-1。

在CSS 4 *,您可以指定使用的第7和第8位十六进制颜色的8个字符,或一个4位十六进制颜色的第四字符alpha通道(见CSS 4级规格 *)

浏览器的支持,2018年9月的

  • Firefox有支持,因为火狐49(这句法Mozilla的错误567283 )。
  • Safari浏览器Safari浏览器以来10已支持此语法。
  • Chrome浏览器已经支持这个语法,因为浏览器62.对于早期版本,你可以启用实验性网络功能,才能使用此语法。 见铬问题618472和Webkit的错误150853 。
  • 针对Android P或较新的Android应用程序可以使用这个语法
  • Opera支持这种语法在Opera 52(或Opera 39时的实验网络功能被启用)。
  • IE 11和EdgeHTML 17(边缘42)不支持此语法。

最新的浏览器支持信息可在CanIUse.com

*在技术上仍处于草案,但由于浏览器的支持,这是不可能改变的。



Answer 2:

它看起来像没有十六进制格式的α: http://www.w3.org/TR/css3-color/

无论如何,如果你使用一个CSS预处理器像SASS那么你可以传递一个十六进制rgba :背景:

rgba(#000, 0.5);

而预处理器只是转换的十六进制代码自动RGB。



Answer 3:

我不知道,如果有一个正式的标准 -

RGBA是我见过的Web Macromedia公司的代表和其他人使用ARGB

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

如果有帮助,这是从W3对CSS3
http://www.w3.org/TR/css3-color/#rgba-color

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

不同于RGB值,有一个RGBA值没有十六进制表示



Answer 4:

Chrome浏览器52+ 支持阿尔法(十六进制)

background: #56ff0077;

对于旧的浏览器,你将不得不使用:

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


Answer 5:

你可以尝试把十六进制颜色分为GIMP或照片店颜色选择器来获取RGB值,然后使用alpha值。 例如。 红是#FF0000rgb(255,0,0 ),如果你想用红色.5然后alpha值rgba(255,0,0,.5)

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



文章来源: Hex representation of a color with alpha channel?