LESS - 颜色混合函数



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

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

序号 函数及描述
1 multiply

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

2 screen

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

3 overlay

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

4 softlight

它的作用类似于overlay,但它只使用一部分颜色,从而柔和地突出显示另一种颜色。

5 hardlight

它的作用类似于overlay,但颜色的作用相反。

6 difference

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

7 exclusion

它的作用类似于difference函数,但对比度较低。

8 average

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

9 negation

它与difference函数相反,从第二种颜色中减去第一种颜色。

广告