イメージブレンドモード 2つの画像間にPhotoshopスタイルのブレンドモードを適用：乗算、スクリーン、オーバーレイなど。
イメージブレンドモード
2つの画像間にPhotoshopスタイルのブレンドモードを適用：乗算、スクリーン、オーバーレイなど。
画像のアップロード
ベース画像とブレンド画像を追加します。
ブレンドモードの選択
15種類のブレンドモードから選択し、不透明度を調整します。
ダウンロード
結果をプレビューしてブレンドされた画像をダウンロードします。
What Is イメージブレンドモード?
Photoshopスタイルのブレンド操作を使用して2つの画像を合成する画像ブレンドモードツール。乗算、スクリーン、オーバーレイ、暗くする、明るくする、色ドッジ、色焼き、ハードライト、ソフトライト、差、除外、色相、彩度、色、輝度の15種類のブレンドモードから選択できます。ブレンド不透明度を0〜100%で調整します。Canvas globalCompositeOperationを使用したGPUアクセラレーテッドブレンド。
Why Use イメージブレンドモード?
-
プロフェッショナルな15種類のブレンドモード
-
不透明度が調整可能（0-100%）
-
GPUアクセラレーションによるCanvas合成
-
すべてのブレンド効果のリアルタイムプレビュー
Common Use Cases
写真編集
テクスチャ、グラデーション、またはエフェクトを写真に重ねます。
デザイン
プロフェッショナルなブレンドモードで層組みされた構成を作成します。
色調整
スクリーンまたは乗算モードでカラーオーバーレイを適用します。
クリエイティブ効果
異なる画像を重ねてユニークな視覚効果を生成します。
Technical Guide
Canvas globalCompositeOperationはCSS Compositing Level 1ブレンドモードを実装しています。ベース画像が最初にsource-overで描画され、ブレンド画像が選択された合成操作とglobalAlphaによる不透明度で上に描画されます。乗算は色値を掛け合わせて暗くします。スクリーンは反転してから乗算し、再び反転して明るくします。オーバーレイはベースの明るさに基づいて乗算とスクリーンの両方を組み合わせます。すべての操作はハードウェアアクセラレーテッドです。
Tips & Best Practices
-
1乗算は暗くする - 影やテクスチャを追加するのに適しています
-
2スクリーンは明るくする - 光のエフェクトを追加するのに適しています
-
3オーバーレイはコントラストを強調する - テクスチャーオーバーレイに使用します
-
4差は色の反転でサイケデリックな効果を作ります
Related Tools
イメージオーバーレイブレンド
マルチプライ、スクリーン、オーバーレイなどのPhotoshopスタイルのブレンドモードを使用して2つのイメージを組み合わせます。
🖼️ Image Tools
イメージの色相を回転させる
画像内の全ての色の色相を回転させ、クリエイティブなカラーシフト効果を作り出します。
🖼️ Image Tools
イメージチャンネル分割ツール
画像を個別の赤（Red）、緑（Green）、青（Blue）およびアルファチャンネルの画像に分割します。
🖼️ Image Tools
イメージ・ヴィネット
調整可能な暗さ、半径、柔らかさのヴィネット効果を追加します。
🖼️ Image ToolsFrequently Asked Questions
Q 利用可能なブレンドモードは?
Q 画像のサイズが異なる場合?
Q 不透明度の制御?
Q 品質は?
Q 層の順序は?
About This Tool
イメージブレンドモード is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.