JavaScript - 보색 빌더

16진수 색상을 유일한 입력으로 사용하는 JavaScript 함수를 작성해야 합니다.

그러면 우리 함수는 입력으로 받은 색상에 대한 보색을 찾아야 합니다.

다음은 몇 가지 입력 및 출력 쌍입니다. -

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

예시

이에 대한 코드는 -

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

출력

콘솔의 출력은 -

#ebd7eb
#000000
#cc6600