十六进制代码转RGB

工作中有这么一个场景：

布局的时候设计稿给的是纯色，然后给一个透明度，opacity: 0.5; background: #222;  此时如果这个元素上还有文字，文字也将被透明。这时候就想着用rgb色值。

#222222转后rgb(34,34,34)

添加透明度后：

rgba(34,34,34,0.5)

转换网址：https://zh.spycolor.com/

 

 https://www.sioe.cn/yingyong/yanse-rgb-16/

 

 

然后两行样式可以替换为 background: rgba(34,34,34,0.5) 即可实现。

备注：

rgba(34,34,34,0.5);

表示颜色 R（red 红色，G（green 绿色）B（Blue 蓝色）A（透明度 ）