JavaScript Complementary Colors

本文关键字：Colors Complementary JavaScript 更新时间：2023-09-26

我试图用JavaScript获得互补色，但我找不到我需要的东西。我看这里，但是对于像#000000和#142814这样的值，它们只是返回它们自己。对于第一个值，我觉得得到#FFFFFF是有意义的。有没有这样的函数?

可以使用2²⁴ - 1和颜色值的差值，对于较短的颜色，可以使用2¹² - 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; }