十六進位制顏色轉換為 RGB 顏色 JavaScript


需要編寫一個 JavaScript 函式,此函式接受一個十六進位制顏色並返回其 RGB 表示形式。

該函式應返回一個物件,其中包含紅色綠色和藍色的相應值顏色 −

例如

hexToRgb('#0080C0') should return 0, 128, 192

程式碼如下 −

const hex = '#0080C0';
const hexToRGB = hex => {
   let r = 0, g = 0, b = 0;
   // handling 3 digit hex
   if(hex.length == 4){
      r = "0x" + hex[1] + hex[1];
      g = "0x" + hex[2] + hex[2];
      b = "0x" + hex[3] + hex[3];
      // handling 6 digit hex
   }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 }

更新日期:09-Oct-2020

151 次觀看

開始你的 職業生涯

完成課程獲得認證

開始
廣告