计算颜色值关系

时间:2012-12-10 19:41:30

标签: css colors sass color-scheme

是否有可以计算两种颜色之间关系的网络应用?

我有一个已建立的十六进制值的样式指南。我想在sass变量中将这些颜色添加为hsla值。我可以添加每个作为一个独立的变量,但我宁愿将所有颜色基于一种基色。然后使用变化百分比来确定其他颜色。在这样做的过程中,我可以对主题进行颜色转换,并在关系中保持“正确”的值。

3 个答案:

答案 0 :(得分:10)

也许有点晚了,但我在搜索完全相同的功能时发现了这一点:

http://ethanmuller.github.io/sass-color-function-generator-thing/

例如: 输入颜色#ff0000#552222会生成SASS函数darken( desaturate( #ff0000, 57 ), 27 )

答案 1 :(得分:1)

http://sassme.arc90.com/,它与您要求的相反,但可能会有所帮助。

答案 2 :(得分:1)

我最终做的是获取所有颜色的hsla值,然后手动对两种颜色之间的百分比关系进行数学计算,并使用“adjust-color”函数中的结果为sass。我相信有一种更快的方法,但这是有效的。