使用正则将十六进制颜色值解析为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)

在线转换工具测试的转换结果:
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值