Js 16进制颜色转RGB/RGBA字符串

维多利亚少年-

于 2021-03-09 15:27:43 发布

阅读量709

点赞数

分类专栏： js 文章标签：前端 js RGB

本文链接：https://blog.youkuaiyun.com/weixin_45532305/article/details/114584424

版权

js 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个用于将16进制颜色值转换为RGB格式的JavaScript函数。该函数首先验证输入的颜色值是否符合标准的16进制格式，然后进行转换，并支持额外设置颜色的不透明度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

export const colorToRGB = (val, opa) => {

    var pattern = /^(#?)[a-fA-F0-9]{6}$/; //16进制颜色值校验规则
    var isOpa = typeof opa == 'number'; //判断是否有设置不透明度

    if (!pattern.test(val)) { //如果值不符合规则返回空字符
        return '';
    }

    var v = val.replace(/#/, ''); //如果有#号先去除#号
    var rgbArr = [];
    var rgbStr = '';

    for (var i = 0; i < 3; i++) {
        var item = v.substring(i * 2, i * 2 + 2);
        var num = parseInt(item, 16);
        rgbArr.push(num);
    }

    rgbStr = rgbArr.join();
    rgbStr = 'rgb' + (isOpa ? 'a' : '') + '(' + rgbStr + (isOpa ? ',' + opa : '') + ')';
    return rgbStr;
}