还不知道CSS Color Module Level 4标准早在2014年就推出8位hex和4位hex来支持设置alpha
值,以实现hex和rgba的互转。这个办法可比6位HEX转RGBA简洁多了,先来简单解释一下:
8位hex是在6位hex基础上加后两位来表示alpha
值,00
表示完全透明,ff
表示完全不透明。
以下是摘自文章8-Digit Hex Codes?的alpha值的十进制和十六进制对照表:
Alpha % | Hex | Rgb 255 |
---|---|---|
100% | FF | 255 |
95% | F2 | 242 |
90% | E6 | 230 |
85% | D9 | 217 |
80% | CC | 204 |
75% | BF | 191 |
70% | B3 | 179 |
65% | A6 | 166 |
60% | 99 | 153 |
55% | 8C | 140 |
50% | 80 | 128 |
45% | 73 | 115 |
40% | 66 | 102 |
35% | 59 | 89 |
30% | 4D | 77 |
25% | 40 | 64 |
20% | 33 | 51 |
15% | 26 | 38 |
10% | 1A | 26 |
5% | 0D | 13 |
0% | 00 | 0 |
hex color transparency (透明度十六进制表示法)
100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00
例子:#0b79b966