ARGB Hex颜色在css html中不起作用

Posted 2023-02-21

【中文标题】ARGB Hex颜色在css html中不起作用

【英文标题】：ARGB Hex color not working in css html

【发布时间】：2012-06-04 15:14:26

【问题描述】：

为什么这个 ARGB 十六进制不起作用？

<td style="background-color: #FFFF9980">

【问题讨论】：

首先它是 RGBA 而不是 ARGB & 十六进制有 6 位数字，但在你的问题中有 8 位

十六进制编码的 RGBA/ARGB 有 8 位数字，我不确定您要说什么......而且 ARGB 与颜色编码的位包装一样有效，尽管公认不太常见（并且在 html/CSS 堆栈中不原生支持）。但就操作而言：您的意思是 rgb 颜色 ffff99 的 alpha 为 80 还是 rgb 为 ff9980 和 alpha 为 ff？位打包对于弄清楚哪些字节是什么以及该值代表什么颜色至关重要。您不能只更改编码并期望获得有效的输出。

【参考方案1】：

使用rgba(255,153,128,1.0) 而不是您的十六进制值（尽管如果这确实是 ARGB，则它与 RGB 中的 #ff9980 相同 - 如果您指的是 RGBA，那么您将需要 rgba(255,255,153,0.5)）。

【讨论】：

@sandeep 我确实读过这个问题。在你编辑之前，它说ARGB。

@sandeep 有人问了这个问题，我在一分钟后回答，然后你在 3 分钟后编辑了这个问题。 OP 需要一个半透明的background-color，正如句子I really need this color 所证明的那样。我给了他解决这个问题的办法。

我刚刚将 ARGB 更改为 RGBA。我没有改变问题

@sandeep 实际上，当您将ARGB 更改为RGBA 时，您正在更改问题，因为它们是完全不同的东西。当有人想要为其颜色添加透明度时，解决方案是使用rgba(r,g,b,a)。当有人问Why is this not working? 时，他们的意思通常是How can I make this work?。

【参考方案2】：

CSS3 spec 说：

与 RGB 值不同，RGBA 值没有十六进制表示法。

所以你必须使用上面提到的rgba(255,153,128,1.0)。

【讨论】：

CSS 颜色模型 4，编辑草稿，日期为 2013 年 10 月 7 日，为 RGBA 定义了一个 8 位十六进制表示法：#RRGGBBAA。见dev.w3.org/csswg/css-color/#hex-notation。

@EdBurnette 公平地说，这个答案是在该草案前一年给出的。

【参考方案3】：

ARGB 十六进制颜色

RGBA 颜色值是具有 Alpha 通道的 RGB 颜色值的扩展 - 指定颜色的不透明度。

一个 RGBA 颜色值指定为：rgba(red, green, blue, alpha)。 alpha 参数是一个介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。

<td style="background-color: rgba(255, 0, 0, 0.2);">

#p1 background-color:rgba(255,0,0,0.3);
#p2 background-color:rgba(0,255,0,0.3);
#p3 background-color:rgba(0,0,255,0.3);
#p4 background-color:rgba(192,192,192,0.3);
#p5 background-color:rgba(255,255,0,0.3);
#p6 background-color:rgba(255,0,255,0.3);

<h1>Define Colors With RGBA Values</h1>

<p id="p1">Red</p>
<p id="p2">Green</p>
<p id="p3">Blue</p>
<p id="p4">Grey</p>
<p id="p5">Yellow</p>
<p id="p6">Cerise</p>