Css 如何从SASS中的基色中获取所需颜色

Css 如何从SASS中的基色中获取所需颜色,css,colors,sass,compass-sass,Css,Colors,Sass,Compass Sass,我想有一个基本的颜色,并希望建立我的网站动态色彩味觉,使它成为易于切换的主题,改变颜色值 SASS有很多辅助功能,我相信这足以让我达到目的。我在这里面临的问题是,为了从单一基色获得所需的颜色值,我应该使用什么函数(或函数组合)和什么值 有一个惊人的工具,它可以让你玩各种组合,但你也不能完全控制输出 例如,如果我有一个基色#ffe202,我想要#ffd202的输出,我不知道该怎么做,我可以通过使用控件来接近它,但这并不是我想要的 所以底线是,我想知道是否有任何工具可以输入基本颜色和所需的输出颜色,

我想有一个基本的颜色,并希望建立我的网站动态色彩味觉,使它成为易于切换的主题,改变颜色值

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

有一个惊人的工具,它可以让你玩各种组合,但你也不能完全控制输出

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


所以底线是,我想知道是否有任何工具可以输入基本颜色和所需的输出颜色,并提供可使用的SASS帮助函数组合。

没有严格的方法可以始终从给定颜色获得特定结果,但您可以选择要获得所需结果的工具

在您的情况下,所需颜色的绿色值与起始颜色不同,因此您可以调整绿色:

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

将仅更改绿色值。您可以使用正值或负值来增加或减少色调的数量;通过反复试验,我在-16上着陆。

我也遇到了同样的问题,并构建了一个工具,用于查找从一种颜色过渡到另一种颜色的函数。它建议了最常用的方法,但可能适用于您的场景。您仍然需要选择哪个函数最有意义,但至少它可以为您进行数字运算


仅使用一个变量作为基础颜色是否如此重要?我相信这会给你的项目增加复杂性。@srekoble这是假设。底线是我如何知道什么以及如何应用帮助函数从任何给定的颜色获得所需的颜色。很接近,我问这个问题的实际原因是找到任何这样的工具。尝试和错误有时会花费太多的时间,以至于抵消了收益的价值。但现在我可能可以节省很多时间了。@fusionstrings-工具推荐已经脱离主题了;最好的工具很少是清晰的,并且会随着时间的推移而变化。你最好学习语言的特性来解决你的问题。是的,这很公平!虽然我并没有回避探索/学习语言,但我正在寻找一些东西,以包括在我的工作流程和许多其他工具中。谢谢@alex gyoshev。这个完美