透明度
- 透明度分为256阶(0-255),计算机上用16进制表示为(00-ff)。透明就是0阶,不透明就是255阶,如果50%透明就是127阶(256的一半当然是128,但因为是从0开始,所以实际上是127)。
- 透明度 和 不透明度 是两个概念, 它们加起来是1,或者100%.
- ARGB 中的透明度alpha,表示的是不透明度。
换算过程:256乘以相应的百分比转成十六进制
- 将透明度转换成不透明度(转换方式参考“透明度”,第2条) 。不透明度为60%
- 不透明度乘以255。 我们得到结果:153
- 将计算结果转换成16进制。得到最终的不透明度:99
- 将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
下面是我表格里的透明度值的计算方式是:(A:透明度; H:16进制)
255*(100% - A%) 通过计算器转为16进制 H
(ps:因为计算结果取整数,所以可能会有一个进制位的误差,比如50%的透明度值,上面“1.透明度的计算”中的计算是127,16进制为7F,这里计算是127.5,四舍五入为128,16进制为80。所以,看到这里不用惊慌,7F跟80肉眼看起来是差不多的,不用去计较)
00是完全透明(百分百透明),FF就是完全不透明
透明度 | 16进制表示 |
---|---|
100% | 00 |
95 % | 0D |
90 % | 1A |
85 % | 26 |
80 % | 33 |
75 % | 40 |
70 % | 4D |
65 % | 59 |
60 % | 66 |
55 % | 73 |
50 % | 80 |
45 % | 8C |
40 % | 99 |
35 % | A6 |
30 % | B3 |
25 % | BF |
20 % | CC |
15 % | D9 |
10 % | E6 |
5 % | F2 |
0 % | FF |
例子:
UI给出的颜色值为#FF0000,透明度30%。
结合上表,30%的透明度16进制的值为 B3,那么最终的颜色值为 #B3FF0000.
不透明度 | 数值 |
---|---|
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 |
例子:
UI给出的颜色值为#FF0000,不透明度30%。
结合上表,30%的不透明度16进制的值为 4D,那么最终的颜色值为 #4DFF0000.