Android/iOS及设计中ARGB颜色值百分比透明度换算
设计上经常要求对一个颜色值进行一定百分比的透明度,比如给定一个颜色0xFF0000FF(蓝色)要求80%透明,该如何处理呢?80%透明的蓝色值是多少呢?
常见的颜色是RGB表示的,就比如上面的蓝色0xFF0000FF,这个颜色值是16进制表示的,其中0x后面接着的两个16进制数字‘FF’就是ARGB中的‘A’,即alpha。A表示该颜色的不透明度。
A = 00(转为十进制是0)是完全透明;A = FF(转换为十进制是255)是完全不透明。
接着到的后面的每两位表示一个颜色,RGB(R,red;G,green;B,blue)。A值控制着对后面颜色的透明度处理。
计算机中表示颜色的透明度范围是(0 ~ 255,即16进制的00-FF)。0(00)表示完全透明。255(FF)表示完全不透明。
其实透明和不透明是一个硬币的两面,描述的都是一回事。比如说把一个颜色透明80%,换一个角度说是把这个颜色不透明20%。
假设设计要求对某一个颜色的透明80%,也就是说不透明度20% ( 1 - 80% = 20% ),那么就是255 x 20% = 51。51是十进制数字,转为十六进制表示是:33。
此时就可以直接用ARGB表示80%透明后的此种颜色值为:
0x33xxxxxx (最后面的6位即RGB值)
此时,如果是在Android里面,就可以直接把这个颜色值写到xml布局里面,达到透明80%的设计要求。
但是有时候,你可能只能拿到一个具体的int整数型颜色值比如:0xFF0000FF ,没法手动设置0x后面的两位十六进制的不透明度控制值。可现在又要求你在代码运行时动态的对该颜色值进行80%的透明度换算,那怎么办?此时可通过&与运算获得。
比如,已知80%透明度的十六进制值是33。那么就让原始颜色值和0x33FFFFFF(即0x33拼接六位FFFFFF)进行&与运算,例如:
int oldColor = 0xFF0000FF; //原始颜色
int newColor = oldColor & 0x33FFFFFF;
此时获得的动态计算结果newColor就是80%透明后的颜色值。
下面是一些常见的透明度16进制表,有了此表,基本可以满足常见的透明渐变颜色处理,不管是动态的还是静态的,静态的就在原始颜色前加上表中的十六进制值,如果是动态的,就按上面说的&与运算获得:
透明度 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