不透明度百分比 16进制值对照表;rgb色值16进制转化原理

不透明度 16进制值
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

十六进制色值#AARRGGBB 前2位代表透明度,后面每隔2位依次代表红、绿、蓝,等同于css中用rgba(0~255,0~255,0~255,0~1)表示的一样。

那么这8位16进制数是怎么算出来的呢?
首先大家知道一个颜色总共有255阶,那剩下的就是10进制转16进制了,就拿前2位的不透明度作例:
不透明度为100%,可以理解为255,255/16=15…15转化16进制即FF;
不透明度为50%,可以理解为255*0.5=128,128/16=8…0转化16进制即80;
其他红绿蓝色值算法同理,举一反三:
纯白色16进制色值为#FFFFFFFF,rgb(255,255,255)
纯黑色16进制色值为#FF000000,rgb(0,0,0)

你可能感兴趣的:(前端)