JavaScript - Trình tạo màu bổ sung

Chúng tôi được yêu cầu viết một hàm JavaScript có màu hex làm đầu vào duy nhất.

Khi đó, hàm của chúng ta sẽ tìm màu bổ sung cho màu được lấy làm đầu vào.

Đây là một số cặp đầu vào và đầu ra -

getComplementaryColor('#142814') = '#ebd7eb';
getComplementaryColor('#ffffff') = '#000000';
getComplementaryColor('#3399ff') = '#cc6600';

Ví dụ

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

const str1 = '#142814';
const str2 = '#ffffff';
const str3 = '#3399ff';
const getComplementaryColor = (color = '') => {
   const colorPart = color.slice(1);
   const ind = parseInt(colorPart, 16);
   let iter = ((1 << 4 * colorPart.length) - 1 - ind).toString(16);
   while (iter.length < colorPart.length) {
      iter = '0' + iter;
   };
   return '#' + iter;
};
console.log(getComplementaryColor(str1));
console.log(getComplementaryColor(str2));
console.log(getComplementaryColor(str3));

Đầu ra

Và đầu ra trong bảng điều khiển sẽ là -

#ebd7eb
#000000
#cc6600