颜色格式 hex 转 rgba


应用场景:需求需要动态设置背景颜色,然后背景颜色中需要设置透明背景颜色,但是这个时候提供的颜色值是 hex 格式,这个时候,我们需要把颜色值转换为rgba格式

实现6位颜色值转为rgba,方法如下:

        // 颜色格式 hex 转 rgba
        hexToRgba(bgColor) {
            let color = bgColor.slice(1);   // 去掉'#'号
            let rgba = [
                parseInt('0x'+color.slice(0, 2)),
                parseInt('0x'+color.slice(2, 4)),
                parseInt('0x'+color.slice(4, 6)),
                0.15
            ];
            return 'rgba(' + rgba.toString() + ')';
        }

 例如传入#10EBE4,输出的是rgba(16,235,228,0.15)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM