Android/iOS及设计中ARGB颜色值百分比透明度换算

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


猜你喜欢

转载自blog.csdn.net/zhangphil/article/details/80294384