首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在javascript中计算对比色

在JavaScript中,计算对比色可以通过计算RGB颜色值的相对亮度来实现。以下是一个简单的JavaScript函数,用于计算给定颜色的对比色:

代码语言: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的对比色,我们可以这样调用函数:

代码语言:javascript
复制
const color = '#3399FF';
const contrastColor = getContrastColor(color);
console.log(contrastColor); // 输出:#000000

在这个例子中,亮度值大于等于128,因此返回黑色作为对比色。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券