我使用.scss尽可能多地使用CSS进行变量调整。改变一种颜色是微不足道的，比如说$primary-color。我想使用那种颜色的阴影，我可以很容易地识别Photoshop或任何颜色选择器中的变体颜色。我也可以使用.scss中的darken($primary-color, 10)函数来生成颜色，然后通过反复试验来接近变体颜色。
如何点#1D3B6C并准确找到#DAE5F0相对于它的位置？
答案 0 :(得分：0)
这是一个难题，如下所述：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）或者在某个地方的构建过程中，这将有效。