今天工作中遇到如下需求,需要将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 |
参考文章: