LESS - 顏色混合函式

本章我們將瞭解 LESS 中的顏色混合函式。這些函式類似於 Photoshop、Fireworks 或 GIMP 等影像編輯器中使用的操作，可以將 CSS 顏色與影像匹配。

下表顯示了 LESS 中使用的顏色混合函式。

序號	函式及描述
1	multiply 將兩種顏色相乘並返回結果顏色。
2	screen 它採用兩種顏色並返回更亮的顏色。它與multiply函式相反。
3	overlay 它透過結合multiply和screen的效果來生成結果。
4	softlight 它的作用類似於overlay，但它只使用一部分顏色，從而柔和地突出顯示另一種顏色。
5	hardlight 它的作用類似於overlay，但顏色的作用相反。
6	difference 它從第一種輸入顏色中減去第二種輸入顏色。
7	exclusion 它的作用類似於difference函式，但對比度較低。
8	average 它基於每個通道 (RGB) 計算兩種輸入顏色的平均值。
9	negation 它與difference函式相反，從第二種顏色中減去第一種顏色。

列印頁面