Computer >> Máy Tính >  >> Lập trình >> Javascript

Màu thập lục phân sang màu RGB JavaScript

Chúng tôi được yêu cầu viết một hàm JavaScript có màu thập lục phân và trả về biểu diễn RGB của nó.

Hàm sẽ trả về một đối tượng có chứa các giá trị tương ứng của màu xanh lục đỏ và màu xanh lam -

Ví dụ:

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

Mã cho điều này sẽ là -

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));

Sau đây là kết quả trên bảng điều khiển -

{ red: 0, green: 128, blue: 192 }