css - 十六进制颜色 : Numeric representation for "transparent"?

Question

我正在构建一个网络 CMS，用户可以在其中为某些网站元素选择颜色。我想将所有颜色值转换为十六进制以避免任何进一步的格式化麻烦(“rgb(x，y，z)”或命名颜色)。我为此找到了一个很好的 JS 库。

我唯一无法进入十六进制的是“透明”。我在明确声明一个元素为透明时需要这个，根据我的经验，这可能与根本不定义任何值不同。

有人知道这是否可以变成某种数字形式吗？我是否必须设置所有处理实例以接受十六进制值或“透明”？我想不出任何其他方法。

Answer 1

HEXA - #RRGGBBAA

有一种相对较新的透明度方法，称为HEXA(HEX + Alpha)。它需要 8 位数字而不是 6 位。最后一对是 Alpha。所以对的模式是#RRGGBBAA。使用 4 位数字也可以:#RGBA

我现在不确定它的浏览器支持但是，你可以查看 DRAFT Docs 了解更多信息。

§ 4.2. The RGB hexadecimal notations: #RRGGBB

The syntax of a <hex-color> is a <hash-token> token whose value consists of 3, 4, 6, or 8 hexadecimal digits. In other words, a hex color is written as a hash character, "#", followed by some number of digits 0-9 or letters a-f (the case of the letters doesn’t matter - #00ff00 is identical to #00FF00).

8 digits

The first 6 digits are interpreted identically to the 6-digit notation. The last pair of digits, interpreted as a hexadecimal number, specifies the alpha channel of the color, where 00 represents a fully transparent color and ff represent a fully opaque color.

Example 3
In other words, #0000ffcc represents the same color as rgba(0, 0, 100%, 80%) (a slightly-transparent blue).

4 位数字

这是 8 位表示法的较短变体，与 3 位表示法的“扩展”方式相同。第一个数字，解释为十六进制数，指定颜色的红色 channel ，其中 0代表最小值，f代表最大值。接下来的三位数字分别代表绿色、蓝色和 alpha channel 。

在大多数情况下，Chrome 和 Firefox 已经开始支持这个: