颜色格式 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)

posted @ 2021-05-17 18:29  心向阳  阅读(1722)  评论(0编辑  收藏  举报