css - 如何比较两种颜色?

标签 css colors

在我的网络元素中,我有一个包含近二十种不同颜色的列表。

如何比较这些颜色中的每一种,以了解该颜色比其他颜色更暗、更饱和、更绿……多少?

我的目标是通过 Less 函数使用这些计算值。

最佳答案

您可以将颜色用作 3D 向量来计算颜色之间的距离。 向量的内容可以是 R、G 和 B 分量或 H、S 和 V 分量(或您能想到的任何其他分类)。

现在让距离 d(c1, c2) 为颜色 c1c2 之间计算的距离:

d(c1, c2) = sqrt((c1_1 - c2_1)^2 + (c1_2 - c2_2)^2 + (c1_3 - c2_3)^2)

您可能会将其识别为 Euclidean distance 。其他norm就可以了。

关于css - 如何比较两种颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22430232/

相关文章:

html - 以绝对位置作为百分比进行定位会把事情放在一个奇怪的地方

javascript - 如何让输入提交留在屏幕上而不是闪烁

html - 为什么 FireFox 没有 margin ?

python - 我的 Python 脚本中的奇怪输出 - [0m 或 [32m

c# - 2种以上颜色混色

javascript - 通过 JavaScript 获取所有命名的 CSS 颜色

python - Scrapy 框架 - 为日志记录着色

html - 具有基于视口(viewport)高度的最大高度的元素。图像内应缩放并保持比例

css - 为什么我的日历的 CSS 在 IE 和 Firefox 中显示错误?

c# - 如何在 C# 中生成随机深色?