两种颜色的加权平均值

时间:2014-05-03 04:42:54

标签: css colors less

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

average(#ff6600, #666666);

输出#b36633

但是这个函数占用color1color2的相等部分。有没有办法说,取color1的X%和{1}的(1-X)%并取平均值?

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

编辑:我认为使用color2可能会照顾它,因为您可以指定百分比:

mix()

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

1 个答案:

答案 0 :(得分:2)

对于最后一个参数0%,

mix(#ff6600, #666666, 70%)会产生我们说明的第一种颜色(在这种情况下为ff6600),而100%会生成666666.

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

如果将参数保留为空,则默认值为50%!