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

秒速五厘米 2023-10-17 21:23 6阅读 0赞

**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