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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章