Less-color-blending-functions

提供:Dev Guides
移動先:案内検索

LESS-カラーブレンディング関数

この章では、LESSの Color Blending Functions を理解します。 これらは、Photoshop、Fireworks、GIMPなどの画像エディターで使用される同様の操作で、CSSカラーを画像に一致させます。

次の表は、LESSで使用されるカラーブレンディング関数を示しています。

Sr.No. Functions & Description
1

multiply

2つの色を乗算し、結果の色を返します。

2

screen

2色を取り、より明るい色を返します。 _multiply_関数の反対に機能します。

3

overlay

_multiply_と_screen_の効果を組み合わせて結果を生成します。

4

softlight

_overlay_と同様に機能しますが、色の一部のみを使用し、他の色をソフトハイライトします。

5

hardlight

_overlay_と同様に機能しますが、色の役割が逆になります。

6

difference

最初の入力色から2番目の入力色を減算します。

7

exclusion

_difference_関数と同様に機能しますが、コントラストは低くなります。

8

average

チャンネル(RGB)ごとに2つの入力色の平均を計算します。

9

negation

_difference_関数とは逆に機能し、2番目の色から最初の色を減算します。