使用正则将十六进制颜色值解析为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三通道的主要内容,如果未能解决你的问题,请参考以下文章