LESS 两种颜色的加权平均值答案

【问题标题】：LESS Weighted average of two colorsLESS 两种颜色的加权平均值
【发布时间】：2014-06-19 20:37:14
【问题描述】：

在 LESS 中有一个计算两种颜色平均值的函数。例如，

average(#ff6600, #666666);

输出#b36633。

但是这个函数需要color1 和color2 的相等部分。有没有办法说，取 X% 的 color1 和 (1-X)% 的 color2 并平均它们？

当然，不存在这样的功能。但也许通过其他一些函数的帮助，我们可以实现加权平均？

编辑：我认为使用mix() 可以解决问题，因为您可以指定百分比：

mix(#ff6600, #666666, 70%)

但是，我不确定mix(color1, color2, 50%) 是否会与average(color1, color2) 对任何color1、color2 达到相同的效果。

【问题讨论】：

【解决方案1】：

mix(#ff6600, #666666, 70%) 最后一个参数 0% 将导致我们声明的第一个颜色（在这种情况下 ff6600) 而 100% 将执行 666666.

所以在你的情况下mix(color1, color2, 70%) 输出是 color2 的 70% 加上 color1 的 30%。

如果您将参数留空，则默认为 50%！

【讨论】：