将16进制颜色转成GRBA颜色并以数组输出

原创于 2018-09-30 12:11:24 发布 · 1.6k 阅读

CC 4.0 BY-SA版权

本文介绍了一个实用的JavaScript函数，用于将十六进制颜色代码转换为RGBA数组。通过对十六进制颜色字符串的解析，函数能够准确地转换每个颜色通道的值，并支持直接从RGBA字符串中提取数值。

直接看代码

 function transformationRgba(color) {
        let colors = color.toLowerCase();
        let arr = []
        if (colors.indexOf("#") != -1) {
            for (var i = 1; i < 7; i += 2) {
                let str = colors.slice(i, i + 2)
                arr.push(parseInt(str, 16))
            };
            return arr
        }
        //rgba(300,300,300)
        if (colors.indexOf("rgba") != -1) {
            let reg = /rgba\((.+)\)/;
            colors.replace(reg, function (a, b): any {
                arr = b.split(",");

            })
            return arr
        }

    }