如何确定给定颜色的颜色转换？

Question

我们的设计师为我们提供了一些不错的 web 2.0 按钮等。我将它们翻译成漂亮的 CSS3。现在我想用Sass color manipulation 泛化配色方案。

鉴于设计中的基本品牌颜色 (#7e1a00) 和一组用于按钮、链接、渐变等的衍生颜色 (#D05B3D,#973D24,#7E1900)，我如何确定必须进行哪些转换应用于品牌颜色以产生派生颜色？

我可以猜测和检查，或者编写一个蛮力程序来尝试所有组合 - 看起来这可能是一种聪明而简单的方法来确定。

有什么想法吗？

编辑 这不需要是一个通用的解决方案——我可以通过查看颜色来合理地确定要应用哪种转换。我需要确定转换的参数。

Answer 1

理论上，从一个值到另一个值的函数有无数个，但实际上只有少数是合理的。问题是，您可能知道要使用哪个函数，但确定参数是计算机更擅长的数字运算。

我创建了一个tool that suggests color functions。它列出了从一种颜色到另一种颜色的大部分 SASS 函数，以便您可以专注于使用 darken 或 softlight 是否更适合您的设计。

Answer 2

最简单的方法可能是将颜色转换为 HSL 并查看那里的差异。所有 Sass 颜色操作函数都在 HSL 空间中工作，因此应该很容易判断您是否需要，例如增加亮度或降低饱和度。