LESS - 颜色混合函数


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

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

先生。 功能及说明
1

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

2 屏幕

它需要两种颜色并返回更亮的颜色。它的作用与乘法函数相反。

3 覆盖

它通过结合乘法屏幕的效果来生成结果。

4 柔光

它的工作原理与叠加类似,但它仅使用颜色的一部分,从而软突出显示其他颜色。

5 强光灯

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

6 不同之处

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

7 排除

它的工作原理与差分函数类似,但对比度较低。

8 平均的

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

9 否定

它的工作原理与差函数相反,差函数从第二种颜色中减去第一种颜色。