Question

lighten和tint似乎都会使颜色变浅（接近白色）。为什么LESS定义两者？

lighten(@color, 10%); // return a color 10% points *lighter*

tint(@color, 10%); // return a color mixed 10% with white

one site如何定义色调（请注意使用“更轻”字样）：

如果您着色了一种颜色，那么您一直在为原始颜色添加白色。

色调比原始色彩浅。

Answer 1

两种功能都会以某种方式产生“较浅”的颜色，但使用不同的方法。

看看the source，了解它们的工作原理：

tint: function(color, amount) {
    return this.mix(this.rgb(255,255,255), color, amount);
},

lighten: function (color, amount) {
    var hsl = color.toHSL();

    hsl.l += amount.value / 100;
    hsl.l = clamp(hsl.l);
    return hsla(hsl);
},

所以tint混合为白色（如文档所述），lighten会增加HSL颜色模型中的亮度。

Answer 2

要求tint的{{3}}来this thread：

色调/阴影与变亮/变暗不同。色调和阴影分别有效地与白色和黑色混合，而变亮/变暗是独立操作亮度通道色调和饱和度。前者可以产生色调变化，而前者则可以后者没有。这并不是说它没有用，只是它不是同一件事情。在数学上，这是RGB空间的线性变化但是，不一定与HSL空间的线性变化相对应在实践中，它们会产生相当类似的结果。

两者背后的数学略有不同。

Answer 3

这是a demonstration of both functions。

似乎lighten和darken分别达到白色和黑色，比tint和shade快得多。

对于未经训练的人来说，lighten和darken似乎可以改变色调，而tint和shade则不会。{/ p>

LESS颜色功能之间的区别是什么？

3 个答案: