在JavaScript中,计算对比色可以通过计算RGB颜色值的相对亮度来实现。以下是一个简单的JavaScript函数,用于计算给定颜色的对比色:
function getContrastColor(color) {
const r = parseInt(color.substr(1, 2), 16);
const g = parseInt(color.substr(3, 2), 16);
const b = parseInt(color.substr(5, 2), 16);
const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
return (yiq >= 128) ? '#000000' : '#FFFFFF';
}
在这个函数中,我们首先从输入的颜色字符串中提取RGB值,然后使用亮度公式计算出亮度值。如果亮度值大于等于128,则返回黑色(#000000),否则返回白色(#FFFFFF)。
例如,如果我们要计算颜色#3399FF的对比色,我们可以这样调用函数:
const color = '#3399FF';
const contrastColor = getContrastColor(color);
console.log(contrastColor); // 输出:#000000
在这个例子中,亮度值大于等于128,因此返回黑色作为对比色。
领取专属 10元无门槛券
手把手带您无忧上云