查找相對於其他顏色的顏色值

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）或者可能在你的構建過程中，這會起作用。