开发中颜色透明度换算即argb透明度换算
颜色中的透明度Alaph表示的是不透明度值
拿一个颜色值举例 #FFccdd99,
FF :透明度(alpha) | cc :红色值(red) |
---|---|
dd :绿色值(green) | 99 :蓝色值(blue) |
上面对应就是颜色的argb,其他的还好,这个FF透明度alpha要说一下,曾经开发中困惑
- argb中的透明度alpha,表示的是不透明度
- 透明度分为256阶(0~255),计算机上用16进制表示为(00-ff),透明就是0阶,不透明就是255阶
- 透明度和不透明度是两个概念, 它们加起来是1
开发中你的UI设计师给的视觉稿标注是:颜色#FFFFFF,透明度40% ,
那你的计算方式应该是:
- 将透明度转换成不透明度。不透明度为:60%
- 不透明度乘以255。 我们得到结果:153
- 将计算结果转换成16进制。得到最终的不透明度:99
- 将不透明度和颜色值拼接成ARGB格式。得到最终的颜色值: #99FFFFFF
- 你向UI设计师要的颜色是:#99FFFFFF
颜色不透明度表格
因为开发中argb中a虽然名字是叫透明度,但它其实代表的是不透明明度值,下面16进制看到后直接复制放到颜色的前两位当做alaph使用
不透明度百分比 | 十六进制 |
---|---|
0% | 00 |
1% | 03 |
2% | 05 |
3% | 07 |
4% | 0A |
5% | 0D |
6% | 0F |
7% | 12 |
8% | 14 |
9% | 17 |
10% | 1A |
11% | 1C |
12% | 1E |
13% | 21 |
14% | 24 |
15% | 26 |
16% | 29 |
17% | 2B |
18% | 2E |
19% | 30 |
20% | 33 |
21% | 36 |
22% | 38 |
23% | 3B |
24% | 3D |
25% | 40 |
26% | 42 |
27% | 45 |
28% | 47 |
29% | 4A |
30% | 4D |
31% | 4F |
32% | 52 |
33% | 54 |
34% | 57 |
35% | 59 |
36% | 5C |
37% | 5E |
38% | 61 |
39% | 63 |
40% | 66 |
41% | 69 |
42% | 6B |
43% | 6E |
44% | 70 |
45% | 73 |
46% | 75 |
47% | 78 |
48% | 7A |
49% | 7D |
50% | 80 |
51% | 82 |
52% | 85 |
53% | 87 |
54% | 8A |
55% | 8C |
56% | 8F |
57% | 91 |
58% | 94 |
59% | 96 |
60% | 99 |
61% | 9C |
62% | 9E |
63% | A1 |
64% | A3 |
65% | A6 |
66% | A8 |
67% | AB |
68% | AD |
69% | B0 |
70% | B3 |
71% | B5 |
72% | B8 |
73% | BA |
74% | BD |
75% | BF |
76% | C2 |
77% | C4 |
78% | C7 |
79% | C9 |
80% | CC |
81% | CF |
82% | D1 |
83% | D4 |
84% | D6 |
85% | D9 |
86% | DB |
87% | DE |
88% | E0 |
89% | E3 |
90% | E6 |
91% | E8 |
92% | EB |
93% | ED |
94% | F0 |
95% | F2 |
96% | F5 |
97% | F7 |
98% | FA |
99% | FC |
100% | FF |