javascript - JavaScript互补色

我正在尝试使用JavaScript获得互补色，但找不到所需的颜色。我看了here，但是对于#000000和#142814这样的值，它们只是返回自己。对于第一个值，我觉得获得#FFFFFF是有意义的。有没有这样的功能？

最佳答案

您可以使用224-1与颜色值的差，对于较短的颜色，可以使用212-1与颜色值的差。

function getComplementaryColor(color) {
    var c = color.slice(1),
        i = parseInt(c, 16),
        v = ((1 << 4 * c.length) - 1 - i).toString(16);

    while (v.length < c.length) {
        v = '0' + v;
    }
    return '#' + v;
}

console.log(getComplementaryColor('#142814'));
console.log(getComplementaryColor('#000000'));
console.log(getComplementaryColor('#111111'));
console.log(getComplementaryColor('#ffffff'));
console.log(getComplementaryColor('#39f'));
console.log(getComplementaryColor('#000'));
console.log(getComplementaryColor('#111'));
console.log(getComplementaryColor('#fff'));

.as-console-wrapper { max-height: 100% !important; top: 0; }