查找相对于其他颜色的颜色值

Question

我使用.scss尽可能多地对我的CSS进行变化。改变一种颜色是很简单的，比如$primary-color。我想使用这种颜色的色调，我可以很容易地识别Photoshop或任何颜色选择器中的变体颜色。我也可以使用.scss中的darken($primary-color, 10)函数来生成一种颜色，然后通过反复试验来接近变体颜色。

如何取#1D3B6C并准确找到#DAE5F0相对于它的位置？

Answer 1

这是这里所描述的一个难题：https://en.m.wikipedia.org/wiki/Color_difference

我最近得到解决（至少够我的目的）这个问题在服务器端代码的逼近。我们的颜色是rgb。我使用的公式是这样的。 R，G和B都是一个颜色，R1，G1，B1是其他：

var diff = Math.sqrt((r-r1)^2 + (g-g1)^2 + (b-b1)^2) 

如果差异是100或更少（你可以有断点播放，看您的具体情况是什么在起作用），我确定颜色不应该在一起，我去默认。

我不知道sass，但也许这有助于某种？如果有什么方法可以在浏览器中使用JavaScript，在sass（我说，不知道sass）或者可能在你的构建过程中，这会起作用。