本文详细介绍了如何使用十六进制表示颜色和透明度，包括透明度百分比到十六进制值的转换方法，以及RGB颜色配比的原理。通过实例解释了前端开发中颜色代码的构成和应用。
以黑色为例 #FF000000
- 前两位为透明度，透明度分为256阶（0-255），计算机用16进制表示（00-FF）。
换算方法：透明度百分比 * 255 = 值（10进制）需要转换成16进制
转换参照表，
| 透明度 | 16进制值 |
|---|---|
| 00% | FF（不透明） |
| 5% | F2 |
| 10% | E5 |
| 15% | D8 |
| 20% | CC |
| 25% | BF |
| 30% | B2 |
| 35% | A5 |
| 40% | 99 |
| 45% | 8c |
| 50% | 7F |
| 55% | 72 |
| 60% | 66 |
| 65% | 59 |
| 70% | 4c |
| 75% | 3F |
| 80% | 33 |
| 85% | 21 |
| 90% | 19 |
| 95% | 0c |
| 100% | 00（全透明） |
- 后6位为颜色值，采用RGB配色（十六进制），000000为黑色，ffffff为白色
前端会书写一般透明度写在后两位，即#000000FF，FF为不透明可以忽略，写成#000000或者#000
扫一扫
1277
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
