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

时间:2014-07-09 07:37:47

标签: css3 colors sass compass-sass

我希望有一种基色,并希望为我的网站构建动态颜色味觉,因此切换主题变得像更改颜色值一样容易。

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

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

例如,如果我有一个基色#ffe202并且我想要输出#ffd202我不知道如何去做,我可以通过玩控件来更接近但不完全是我的欲望。

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

2 个答案:

答案 0 :(得分:1)

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

Suggest SASS color function

答案 1 :(得分:0)

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

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

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

adjust-color()只会改变绿色值。您可以使用正值或负值来增加或减少色调量;我通过反复试验登陆-16。