原文:http://www.lxweimin.com/p/757ed62e6a16
其中,ARGB 依次代表透明度(alpha)、紅色(red)、綠色(green)、藍色(blue)。以顏色值 #FF99CC00 為例,其中,FF 是透明度,99 是紅色值, CC 是綠色值, 00 是藍色值。
透明度
透明度分為256階(0-255),計算機上用16進制表示為(00-ff)。透明就是0階,不透明就是255階,如果50%透明就是127階(256的一半當然是128,但因為是從0開始,所以實際上是127)。
透明度 和 不透明度 是兩個概念, 它們加起來是1,或者100%.
ARGB 中的透明度alpha,表示的是不透明度。依據來自維基百科中的定義。
換算
在開發過程中,UI/UE給的標注圖上,所有顏色值是RGB,但是透明度經常都是百分比,例如:顏色值:#FFFFFF,透明度40%。使用過程中我們需要進行換算。以之前的值為例,換算過程如下:
將透明度轉換成不透明度(轉換方式參考“透明度”,第2條) 。 不透明度為60%
不透明度乘以255。 我們得到結果:153
將計算結果轉換成16進制。得到最終的不透明度:99
將不透明度和顏色值拼接成ARGB格式。得到最終的顏色值: #99FFFFFF
簡單的換算,可以先將透明度,轉換成不透明度,再根據下面的表格進行對應。
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
作者:mollyguo
鏈接:http://www.lxweimin.com/p/757ed62e6a16
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。