Colors 什么&x2019；浅色和浅色之间的区别是什么？

变亮

和

着色

似乎使颜色更浅（接近白色）。为什么LESS对两者都有定义

发件人：

变亮（@color，10%）；//返回颜色10%分*更亮*

色调（@color，10%）；//返回10%与白色混合的颜色

如何定义色调（注意“打火机”一词的用法）：

如果你给一种颜色上色，你已经把白色添加到了原来的颜色中

色调比原色浅

给你

看起来，

变亮

和

变暗

分别达到白色和黑色，比

着色

和

阴影

快得多

---

在我未经训练的眼睛看来，

变亮

和

变暗

似乎也能改变色调，而

着色

和

着色

则不能。这两种功能都会以某种方式产生“较亮”的颜色，但使用不同的方法来实现

看看它们是如何工作的：

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

因此，

tint

是白色混合色（如文档所述），而

light

增加了HSL颜色模型中的亮度。

从要求

tint

的原因来看：

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

---

这两种方法在数学上略有不同

好线，谢谢。因此，是色调改变了色调。我把它倒过来了。谢谢你的源代码链接和代码片段。你回答得很好。我接受了斯科茨的回答，因为它提供了更高层次的分析以及两者兼有的动机。似乎

tint

和

shade

已经从文档中完全删除了。。。但它仍在工作（1.7.0）。更新：看起来

tint

和

shade

现在又回到了文档中，所以如果您担心（像我一样），它们似乎仍然可以安全使用，至少从v2.7.1开始：

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

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