CSS中16进制颜色的透明度。

Question

如何在十六进制颜色中应用透明度？

我正在使用 CSS 十六进制颜色。我尝试在十六进制颜色中应用透明度。我需要 #78909c 的不透明度为 0.2。

- abu abu

Answer 1

十六进制颜色表示法支持alpha通道以设置不透明度。

因此，取任何十六进制颜色，例如 #ffffff ，并在其末尾添加00到ff（十六进制表示），即可设置不透明度，即#ffffff00 - #ffffffff

对于您的颜色：#78909c33

20％意味着十六进制中的33

这里有一个演示

参考：十六进制表示法

- Neetigya Chahar

---

由于它是十六进制，因此它不以99结束，而是以FF结束，并且它不是十进制基值。 - Cihan Uygun

谢谢@CihanUygun，我已经更新了答案，希望现在准确无误。 - Neetigya Chahar

你好，是的，现在完全准确。 - Cihan Uygun

Answer 2

HEXA - #RRGGBBAA HEXA（HEX + Alpha）是一种比较新的透明度表示方法。它使用8个数字而不是6个数字，其中最后一对数字代表Alpha值，因此数字对的模式为#RRGGBBAA。也可以使用4个数字：#RGBA。

目前我不确定它在浏览器上的支持情况，但您可以查看DRAFT文档以获取更多信息。

§ 4.2. RGB十六进制符号：#RRGGBB 一个的语法标记由3、4、6或8个十六进制数字组成。换句话说，十六进制颜色写作一个井号“#”，后面跟着一些数字0-9或字母a-f（字母的大小写不重要——#00ff00与#00FF00相同）。

8个数字的表示法前6个数字的解释与6个数字的表示法相同。最后一对数字被解释为十六进制数字，指定了颜色的Alpha通道，其中00表示完全透明的颜色，ff表示完全不透明的颜色。

例如，#0000ffcc表示与rgba(0, 0, 100％，80％)相同的颜色（略带透明的蓝色）。

4个数字的表示法是8个数字的缩写，以与3个数字的表示法相同的方式“扩展”。第一个数字被解释为颜色的红色通道，其中0表示最小值，f表示最大值。接下来的三个数字分别表示绿色、蓝色和Alpha通道。

在大多数情况下，Chrome和Firefox已经开始支持这一功能：enter image description here。

- Dibash Sapkota