rgba轉16進制

今天工作中遇到如下需求,需要將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

參考文章:

  1. https://stackoverflow.com/questions/7015302/css-hexadecimal-rgba
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章