今天工作中遇到如下需求,需要将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 |
参考文章:
本文详细介绍了如何将rgba颜色值转换为16进制颜色值,包括透明度的处理方式,提供了具体的转换比例及16进制值对应表。
242

被折叠的 条评论
为什么被折叠?



