今天工作中遇到如下需求,需要將rgba的顏色值,轉換爲16進制的顏色值
將rgb轉換爲16進制我們都知道,但是將rgba裝換爲16進制知道的人可能就很少了,經過我查閱資料發現,國內幾乎沒有對於這個轉換的正確解釋,下面我將講解如何進行裝換。
其實很簡單,將rgba就是轉換爲8位的16進制即可。前6位爲正常的rgb的轉換,最後一位是透明度的轉換。
其中使用00 — 代表0%, 使用ff – 代表100%。
也就是說最後兩位的16進制值 / ff的16進制值, 得到的就是我們想要的百分比。
Opacity % | 255 Step | 2 digit HEX prefix |
---|---|---|
0% | 0.00 | 00 |
5% | 12.75 | 0C |
10% | 25.50 | 19 |
15% | 38.25 | 26 |
20% | 51.00 | 33 |
25% | 63.75 | 3F |
30% | 76.50 | 4C |
35% | 89.25 | 59 |
40% | 102.00 | 66 |
45% | 114.75 | 72 |
50% | 127.50 | 7F |
55% | 140.25 | 8C |
60% | 153.00 | 99 |
65% | 165.75 | A5 |
70% | 178.50 | B2 |
75% | 191.25 | BF |
80% | 204.00 | CC |
85% | 216.75 | D8 |
90% | 229.50 | E5 |
95% | 242.25 | F2 |
100% | 255.00 | FF |
參考文章: