前端回炉重造之16进制颜色值

277 阅读1分钟

某实际开发场景看到一个这样的颜色值,实话说稍微有点没看懂

backgroundColor: '0x8FFFFFFF'
  • 0x: 16进制
  • FFFFFF: 纯白
  • 多出来俩 FF ????? --------------------废话略过-------------------------

多出来俩 FF 实则表示 color 的透明度,不是末尾两个,而是接 0x 后面两个。
常用透明度-16进制值对应

透明度16进制值分割线透明度16进制值
100%FF50%80
95%F245%73
90%E640%66
85%D935%59
80%CC30%4D
75%BF25%40
70%B320%33
65%A615%26
60%9910%1A
55%8C5%0D
0%00