首页
学习
活动
专区
工具
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,因此返回黑色作为对比色。

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

相关·内容

23分54秒

JavaScript教程-48-JSON在开发中的使用【动力节点】

11分50秒

JavaScript教程-49-JSON在开发中的使用2【动力节点】

8分26秒

JavaScript教程-50-JSON在开发中的使用3【动力节点】

4分21秒

JavaScript教程-51-JSON在开发中的使用4【动力节点】

19分33秒

JavaScript教程-52-JSON在开发中的使用5【动力节点】

6分1秒

为什么有些浮点数在计算机中无法精确表示?

6分26秒

新型显存技术在人工智能与高性能计算中的无限潜能:GDDR7

1分1秒

DevOpsCamp 在实战中带你成长

373
6分5秒

063-在nginx 中关闭keepalive

16分13秒

06.在ListView中实现.avi

6分31秒

07.在RecyclerView中实现.avi

15秒

海盗船在咖啡中战斗

领券