我使用 .scss 尽可能多地使用我的 CSS 进行变量化。改变一种颜色是微不足道的，比如$primary-color。我想使用该颜色的阴影，并且可以在 Photoshop 或任何颜色选择器中轻松识别变体颜色。我还可以使用 .scss 中的 darken($primary-color, 10) 函数来生成颜色，然后通过反复试验，接近变体颜色。
如何获取#1D3B6C 并准确找到#DAE5F0 相对于它的位置？
【问题讨论】：
这是一个难题，如下所述：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)
如果 diff 小于或等于 100（您可以使用断点并查看适合您的情况的方法），我确定颜色不应该在一起，我选择默认值。
我不知道 sass，但也许这会有所帮助？如果有任何方法可以在浏览器中使用 JavaScript，在 sass 中（我说过，不知道 sass）或者在你的构建过程中的某个地方，这将起作用。
【讨论】：