在javascript中计算对比色
在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，因此返回黑色作为对比色。
相关·内容
1回答
我知道，例如Instagram或500 or将每幅图片存储在两个变体中:带有颜色配置文件和没有颜色配置文件，但这意味着使用两次存储:(
如何有效地将P3颜色空间转换成sRGB？
浏览 0提问于2018-02-23得票数 2
1回答
这使得它们中的一个消失在另一个后面。解决方案就是像地铁地图一样，一条一条地画出重叠的轨道。我怎样才能以最简单的方式做到这一点呢？
浏览 1提问于2010-01-24得票数 7
试图在SCSS中使用来自指南针库的.对比度颜色函数会产生与.contrast不同的颜色，而后者属于较少的颜色，而另一种情况下则为较少的状态。该函数的工作方式与Compass中的SASS对比函数相同。
在SCSS中有类似的类似的小对比度功能吗？从源头上看，相对于工作而言，似乎有几个依赖者在较少的范围内。
浏览 9提问于2016-10-26得票数 5
回答已采纳
1回答
蟒蛇调色板的对比
、、
有人能告诉我如何在python中生成一个对比色调色板吗？我需要一套颜色，以提供一个良好的对比(容易区分)在一个情节的颜色和B/W，这是重要的是，在B/W，如果不是完全在颜色。我使用默认的配图，它生成的颜色有时可以非常接近，特别是当转换为B/W时，我想要生成的颜色，即使是在灰色的阴影中，也可以很容易地分辨出来。我不使用任何额外的库。
浏览 3提问于2017-08-30得票数 1
回答已采纳
3回答
标准QListWidget在Windows上绘制选定行的白色文本，在Windows7/8上绘制黑色。它在哪里得到黑色或白色？我为ListView做了一个自定义委托，并尝试在选定的行中绘制文本，但应用程序调色板在WinXP和8上返回相同的颜色(HighlightedText、BrightText、WindowText、Text我查看了Qt的源代码，却找不到它在哪里得到对比色。QListWidget样式本身也会在所有平台上返回相同颜色的ForegroundRole。我是不是错过了<
浏览 2提问于2014-03-12得票数 1
回答已采纳
这可能是一个愚蠢的问题，但我的背景有着强烈的对比色彩，我希望我的<ul>的<li>能够根据每个<li>的背景颜色来改变颜色。我真的不想通过在每个<li>中添加color属性来膨胀CSS。我希望在我的技能下的列表是“颜色响应”(如果它甚至存在的话)，这样底部的项目就更容易阅读了。
非常感谢！
浏览 5提问于2017-07-13得票数 0
我正在Adobe Premiere Pro中编辑视频。在该视频中，我想添加一些简单的动画(例如，在视频中我想要引起注意的特定部分周围画一个圆圈)。
浏览 16提问于2016-05-12得票数 0
我正在学习来自flutter.dev的startup_namer教程示例。下面是MyApp的定义 @override return MaterialApp( theme: ThemeData( primaryColo
浏览 2提问于2021-09-11得票数 3
1回答
我一直在绞尽脑汁想弄清楚微软的WIC/WCS库在这里做了什么，并希望任何熟悉Windows颜色管理的人都能提供帮助。关于这个API的文档很糟糕。Column : 0.20528 0.62567 0.06087在我的代码中读取了此外，在此之后，返回ICC标记0x64657363 (ProfileDescription)的查询(在我的代码中)返回"o
浏览 10提问于2019-11-10得票数 1
我有一个问题，实现这个计算器在我的网站上，我创建了。我想我使用了错误的javascript来创建简单的计算，这是以下数学计算：((列表价格- rrp) /列表价格)* 100 <script type="text/javascript"> <&
浏览 0提问于2013-07-22得票数 0
回答已采纳
listview_fields, listview_columns);如果您能通过编程和所需的XML将我推向正确的方向，我将不胜感
浏览 0提问于2012-12-27得票数 1
回答已采纳
1回答
产品可以用大约15种颜色中的一种着色。我想要做的是向用户显示定制的产品，这样在选择产品，颜色，文本，字体和艺术品后，网站将显示完成的产品看起来如何的图像。
浏览 0提问于2010-12-24得票数 0
回答已采纳
2回答
因此，我现在有一个项目，作为我公司网站的一个补充，我们想向我们的客户展示，通过购买我们的一辆电动汽车，他们可以节省多少汽油，我负责实现这一点，我不知道如何使用javascript来实现，你们能帮我吗？我们的营销人员从网站得到了这个想法，这基本上就是我们想要的，但我希望我能在某些方面做得更好：这是我到目前为止所做的，它不工作，至少在dreamweaver的实时模式下，还没有在线
浏览 0提问于2013-09-17得票数 0
回答已采纳
我们有一个Silverlight应用程序，可以通过视频显示文本。文本和视频都可以视为变量。有时我们可能有一个黑暗的视频，有时是明亮的视频，有时是两个部分都有的视频。简单的解决方案是两次显示文本两次，一次是白色的，一次是黑色的，有一个小的偏移量。这几乎是可行的，但实际上看起来有点粗糙，并降低了用户体验。有没有办法做到这一点？或者有没有同等或更好的变通办法？
浏览 6提问于2009-03-30得票数 1
回答已采纳
1回答
我能够意识到他们中的大多数，但是，这一个是缺失的： 假设我有一个2D空间，这些点属于两个类别中的一个。我想计算一下每组的密度。组的标签是已知的。在查看stackoverflow等时，我读到了很多关于DBSCAN的内容，但据我所知，DBSCAN是用来执行集群本身的。我已经有了集群，并且想知道它们的密度。
浏览 5提问于2020-06-09得票数 1
我以前遇到过这个问题，并期望再次这样做:我希望在javascript和PHP中运行一个小计计算。我可能想在某个时候改变计算。它需要在javascript中运行，以最大限度地提高计算速度，以便用户知道预期的结果。
如果我只在客户端(在javascript中)运行计算
浏览 2提问于2013-04-08得票数 4
1回答
所以我刚刚发现== true是假的，=== true也是false，所以我假设应该计算为false。但是当我在写的时候 console.log("hi");打印"hi“，因为Boolean()返回true。但我认为它应该返回false。我在这里想错了什么？
浏览 3提问于2019-03-12得票数 0
我有以下代码： var content = document.getElementById("show").textContent; var incorrect = "Roll Number Incorrect"; /* if (){ } */ 我检查了content变量的值(与
浏览 3提问于2017-12-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
