LESS - 颜色混合函数

在本章中,我们将了解 LESS 中的颜色混合函数。这些操作与 Photoshop、Fireworks 或 GIMP 等图像编辑器中使用的操作类似,可将 CSS 颜色与图像匹配。

下表显示了 LESS 中使用的颜色混合函数。

Sr.No. 函数和描述
1 multiply

它将两种颜色相乘并返回结果颜色。

2 screen

它采用两种颜色并返回更亮的颜色。它与 multiply 函数的工作原理相反。

3 overlay

它通过结合 multiplyscreen 的效果来生成结果。

4 softlight

它的工作原理类似于 叠加,但它只使用颜色的一部分,从而柔和地突出显示其他颜色。

5 hardlight

其工作原理类似于叠加,但颜色的作用相反。

6 difference

它从第一个输入颜色中减去第二个输入颜色。

7 exclusion

其工作原理类似于差异功能,但对比度较低。

8 average

它基于每个通道 (RGB) 计算两个输入颜色的平均值。

9 negation

它与差值函数相反,后者从第二个颜色中减去第一个颜色。