ブレンドモード

ブレンドモードは、blend で設定されたカラー、画像、またはテキストオーバーレイがベース画像とどのように相互作用するかを決定します。

これらのモードを広範囲の画像に適用する前に、これらのモードを試してみることができます。モードは、次のように効果に基づいて一般的なカテゴリにグループ化できます。

ノーマル

• blend-mode=normal
  ブレンディングをオフにし、オーバーレイを重ねます。この動作は、mark パラメータと類似しています。

暗さ

• blend-mode=darken
  2つのレイヤーの各重なりピクセルのカラー値を比較し、より暗い値を保持します。
• blend-mode=multiply
  2つのレイヤーの各重なりピクセルのカラー値を掛け合わせ、より暗い合成画像を生成します。ブレンドカラーが黒の場合は黒になります。白で掛け合わせると画像は変化しません。
• blend-mode=burn
  オーバーレイ画像またはカラーに基づいて画像を暗くします。

明るさ

• blend-mode=lighten
  2つのレイヤーの各重なりピクセルのカラー値を比較し、より明るい値を保持します。
• blend-mode=screen
blend-mode=multiply の逆—このパラメータは2つのレイヤーの各重なりピクセルのカラー値の逆を掛け合わせ、画像を明るくします。
• blend-mode=dodge
  オーバーレイ画像またはカラーに基づいて画像を明るくします。

コントラスト

• blend-mode=overlay [デフォルト]
  ブレンド画像またはカラーをオーバーレイし、ハイライトとシャドウを保持します。これは、背景色に応じて乗算またはスクリーン表示されます。
• blend-mode=softlight
  オーバーレイが50%グレーよりも明るい場合は各ピクセルを明るくし（blend-mode=dodge に似ています）、オーバーレイが50%グレーよりも暗い場合は各ピクセルを暗くします（blend-mode=burn に似ています）。効果は拡散したスポットライトのようです。
• blend-mode=hardlight
  オーバーレイが50%グレーよりも明るい場合は各ピクセルを明るくし（blend-mode=screen に似ています）、オーバーレイが50%グレーよりも暗い場合は各ピクセルを暗くします（blend-mode=multiply に似ています）。効果は厳しいスポットライトのようです。

反転

• blend-mode=difference
  ベースレイヤーまたはオーバーレイレイヤーのピクセルの値から逆のピクセルの値を引き算します。どちらが明るいかに応じて行います。
• blend-mode=exclusion
blend-mode=difference に似ていますが、コントラストが低いです。

カラーコンポーネント

• blend-mode=color
  オーバーレイの色調と彩度値をベースレイヤーの輝度値とブレンドします。
• blend-mode=hue
  オーバーレイの色相値をベースレイヤーの輝度値と彩度とブレンドします。
• blend-mode=saturation
  オーバーレイの彩度値をベースレイヤーの輝度値と色相とブレンドします。
• blend-mode=luminosity
  オーバーレイの輝度値をベースレイヤーの色相と彩度とブレンドします。