透明度怎么轉(zhuǎn)換為16進(jìn)制值
前言
在開發(fā)中,UI在設(shè)計(jì)稿中標(biāo)注的顏色都是類似RGB或者HEX顏色值(#FF0000紅色),但是標(biāo)注后面還有透明度比如30%,下面我們就來看看透明度怎么轉(zhuǎn)換為16進(jìn)制值。
顏色簡介
程序中顏色值通常遵循RGB/ARGB標(biāo)準(zhǔn),使用時(shí)通常直接使用RGB255類似的值或者以16進(jìn)制#字符串表示。
常用的顏色表示有: RGB/ARGB/RRGGBB/AARRGGBB
其中ARGB依次代表透明度(alpha),紅色(red),綠色(green),藍(lán)色(blue)。例如顏色值#FF99CCBB,其中FF是透明度,99是紅色值,CC是綠色值,BB是藍(lán)色值。透明度(通常稱為alpha值)在圖形中是一個(gè)介于0(完全透明)和1(完全不透明)之間的值。在RGBA顏色模型中,alpha值用于表示顏色的透明度。
透明度換算
透明度
1.透明度分為256階(0~255),用16進(jìn)制表示為(00~FF)。透明就是0階,不透明就是255階,如果50%透明就是127階(256的一半是128,但因?yàn)槭菑?開始,所以實(shí)際上是127)
2.透明度和不透明度是兩個(gè)概念,他們加起來是1或者100%,ARGB中透明度表示的是不透明度。
如何換算
比如UI給出的顏色為#FFFFFF,透明度40%。換算過程如下:
1.將透明度轉(zhuǎn)換成不透明度(不透明度為60%)
2.將不透明度乘以255(得到153)
3.將計(jì)算結(jié)果轉(zhuǎn)換成16進(jìn)制(不透明度為99)
4.將不透明度拼接成ARGB格式(#99FFFFFFFF)
常用的透明度
透明度 | 16進(jìn)制表示 |
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 |
轉(zhuǎn)換公式:透明度*255 轉(zhuǎn) 16進(jìn)制