透明度转化

在线转化

原理

以#154AC680为例，透明度是0x80和0x100比值，结果为50%。

• 直接使用16进制进行计算

const opacity = 0x80 / 0x100 // => 0.5 = 50%

• 转为10进制后计算

const opacity = parseInt('80', 16) / parseInt('100', 16) // => 128 / 256 = 0.5 = 50%

本质上和转化为rgba颜色一样, 也就是16进制和10进制的转化。HEX中每两位16进制值, 分别表示红、绿、蓝、透明度(透明度是比值, 需要比上0x100)。所以转为rgba颜色为rgba(21, 74, 198, 50)。