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