使用正则将十六进制颜色值解析为rgb三通道

Posted 安之ccy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用正则将十六进制颜色值解析为rgb三通道相关的知识,希望对你有一定的参考价值。

// 将十六进制的颜色值转为rgb 包括#eee(简写)或者#63FFCB(全写)的情况
function hexToRgb(color) {
    var result = /^#?([a-f\\d]{1,2})([a-f\\d]{1,2})([a-f\\d]{1,2})$/i.exec(color);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

let color = hexToRgb("#63FFCB");
console.log(color); // {r:99, g:255, b:203}
let colorRgb = `rgb(${color.r},${color.g},${color.b})`;
console.log("转成rgb:", colorRgb); // rgb(99,255,203)

在线转换工具测试的转换结果:

以上是关于使用正则将十六进制颜色值解析为rgb三通道的主要内容,如果未能解决你的问题,请参考以下文章

使用正则将十六进制颜色值解析为rgb三通道

使用正则将十六进制颜色值解析为rgb三通道

使用正则将十六进制颜色值解析为rgb三通道

将 RGB 颜色值转换为十六进制字符串

颜色字符串转换(正则)

如何将 RGB 输入转换为十进制颜色代码?