十六进制颜色转 RGB 颜色 JavaScript
javascriptweb developmentfront end technologyobject oriented programming更新于 2026/1/16 13:00:17
我们需要编写一个 JavaScript 函数,该函数接受十六进制颜色并返回其 RGB 表示形式。
该函数应返回一个包含红绿蓝颜色相应值的对象 −
例如:
hexToRgb('#0080C0') 应返回 0, 128, 192
其代码为 −
const hex = '#0080C0';
const hexToRGB = hex => {
let r = 0, g = 0, b = 0;
// 处理 3 位十六进制
if(hex.length == 4){
r = "0x" + hex[1] + hex[1];
g = "0x" + hex[2] + hex[2];
b = "0x" + hex[3] + hex[3];
// 处理 6 位十六进制
}else if (hex.length == 7){
r = "0x" + hex[1] + hex[2];
g = "0x" + hex[3] + hex[4];
b = "0x" + hex[5] + hex[6];
};
return{
red: +r,
green: +g,
blue: +b
};
}
console.log(hexToRGB(hex));
以下是控制台上的输出 −
{ red: 0, green: 128, blue: 192 }
相关文章
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/

