css - 计算色值关系

Question

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

我有一个现有的样式指南，其中包含已建立的十六进制值。我想将这些颜色添加为 sass 变量中的 hsla 值。我可以将每个颜色都添加为自变量，但我宁愿将所有颜色都基于一种基色。然后使用变化百分比来确定其他颜色。在这样做时，我可以改变主题并保持关系中的“正确”值。

Answer 1

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

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

例如：SASS 函数中的输入颜色#ff0000和结果#552222darken( desaturate( #ff0000, 57 ), 27 )

Answer 2

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

Answer 3

我最终做的是获取所有颜色的 hsla 值，然后手动计算两种颜色之间的百分比关系，并在“调整颜色”函数中使用结果是 sass。我相信有一种更快的方法，但这有效。