十六进制颜色转 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 }

相关文章


有用资源