JavaScript - 互补色生成器

javascriptweb developmentfront end technologyobject oriented programming更新于 2024/1/8 0:44:17

我们需要编写一个 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));