デュオトーン画像メーカーとは?

デュオトーン画像メーカーは、写真のシャドウとハイライトを2つのカスタムカラーにマッピングし、グラフィックデザイン風の仕上がりにします。3つ目の中間調の色を加えるトライトーンモードも選べます。色を選び(スウォッチまたは hex で)、強度とコントラストを調整し、オリジナルと並べて見比べてから、PNG・JPEG・WebP でエクスポート、または結果をそのままクリップボードにコピーできます。

ツールは画像をまず輝度値に変換し、もっとも暗いピクセルをシャドウカラーに、もっとも明るいピクセルをハイライトカラーに割り当て、中間は2色のグラデーション上に並べます。16のプリセット(ネイビー&コーラル、パープル&ゴールド、ブラック&ホワイト、セピア、ワイン&ブラッシュ、チャコール&アイスなど)で大半のブランドカラーをカバーでき、Swapボタンを押せば2色を入れ替えて明暗反転バージョンを即座に比較できます。中間点スライダーはシャドウからハイライトへ切り替わる位置を動かし、バランススライダーは画像全体を暗い色か明るい色のどちらかに寄せます。

使い方

  1. 任意の画像をアップロードしてください。コントラストの強い写真ほど、ドラマチックなデュオトーン効果が得られます。
  2. シャドウカラー(暗い部分に適用)とハイライトカラー(明るい部分に適用)を選んでください。人気の組み合わせのプリセットも利用できます。
  3. 強度・コントラスト・中間点・バランスのスライダーで効果を微調整し、比較ビューを切り替えて元画像と見比べ、PNG・JPEG・WebPでダウンロードします。

使用するタイミング

  • ブランドカラーに合わせる必要のあるブログ記事のヒーロー画像。
  • Spotify風プレイリストのカバーやポッドキャストエピソードのアートワーク。
  • ストック写真を「ちゃんと選んだ感」に見せたいニュースレターのヘッダー。

結果

ソーシャルメディア担当者がチーム写真をアップロードし、ディープネイビー(#1B2A4A)とコーラル(#FF6B6B)のデュオトーンを適用して、ブランドパレットに合ったヘッダー画像を作成します。

よくある質問

どんな写真がデュオトーンに向いていますか?
シャドウとハイライトがはっきり分かれた写真です。方向性のある光で撮ったポートレートや建築写真、形が強い被写体などが合います。平坦でコントラストが低い写真は割り当てる階調がないため、全体が同じ色のぼやけたものになります。
画像のディテールが全部消えてしまうのはなぜ?
元画像のコントラストが弱いか、選んだ2色の明度が近すぎるかのどちらかです。シャドウ色をより暗く、ハイライト色をより明るくしたうえで、強度スライダーで微調整してください。
デュオトーンはカラーフィルターやティントと何が違いますか?
ティントは1色を画像全体にかぶせるだけです。デュオトーンは明るさに応じて2色を割り当てるので、暗部と明部で違う色相になります。これがフィルター感ではなくエディトリアル感を生む理由です。
プリセットではなく自分でhexを指定できますか?
できます。スウォッチ横の入力欄に hex コードを直接入力するか、スウォッチをクリックしてフルのカラーピッカーを開き、hex/RGB/HSL のどれでも入力できます。プリセットはあくまで出発点で、読み込んだあとブランドカラーに合わせて微調整可能です。トライトーンをオンにすると3つ目の中間調の色を追加できます。
ダウンロードできる形式は?
PNG・JPEG・WebP のいずれも、アップロード画像の元解像度で書き出せます。PNG は無劣化で透明度を保持、JPEG は共有用に最も軽量、WebP はその中間で JPEG より圧縮効率が高いのが特徴です。

関連ツール