如何从 SASS 中的基色中获得所需的颜色答案

【问题标题】：How to get desired color from base color in SASS如何从 SASS 中的基色中获得所需的颜色
【发布时间】：2014-08-30 03:16:41
【问题描述】：

我想要一种基色，并想为我的网站构建动态色板，这样切换主题就像更改颜色值一样容易。

SASS 有很多辅助功能，我相信足以让我到达那里。我在这里面临的问题是为了从该单一基色中获得所需的颜色值，我应该使用什么功能（或功能组合）和什么值。

有一个神奇的工具http://sassme.arc90.com/，它可以让你玩各种组合，但同样你不能完全控制输出。

例如，如果我有一个基色#ffe202 并且我想要#ffd202 的输出，我不知道该怎么做，我可以通过使用控件来更接近一些，但不是我想要的。

所以底线是我想知道是否有任何工具可以让您输入基本颜色和所需的输出颜色，它为您提供了 SASS 辅助函数的组合以使用类似于 http://sassme.arc90.com/ 。

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，并构建了一个工具来查找从一种颜色过渡到另一种颜色的函数。它建议最常用的，但可能适用于您的场景。您仍然必须选择最有意义的函数，但至少它可以为您处理数字运算。

【讨论】：

【解决方案2】：

没有严格的方法可以始终从给定颜色中获得特定结果，但您可以选择要获得所需结果的Sass's color functions 中的哪一个。

在您的情况下，您想要的颜色与您的起始颜色具有不同的绿色值，因此您可以调整绿色：

background-color: adjust-color($color, $green: -16);

adjust-color() 只会改变绿色值。您可以使用正值或负值来增加或减少色调的量；经过反复试验，我降落在 -16。

【讨论】：