デュオトーンとは？

デュオトーンとは、影に使う色とハイライトに使う色の2色で構成され、その間のすべての階調が2色を混ぜて表現される画像です。もともとは2種類のインクを使う印刷技法でした。デザイナーはポスターやアルバムカバー、SNS用の画像などに活用し、写真にブランドカラーを取り入れたり、情報量の多い写真を落ち着いた印象の鮮やかな画像に仕上げたりします。

ツールの説明

画像を開き、影の色とハイライトの色を選ぶか、プリセットから選択します。画像の暗い部分には影の色、明るい部分にはハイライトの色、中間調にはその2色を混ぜた色が適用されます。色を変更するとプレビューが更新され、比較ボタンを押すと元の画像と結果を並べて表示できます。PNG、JPG、WebP形式でダウンロードできます。

機能

  • 影とハイライトに任意の2色を指定
  • 定番の色の組み合わせをプリセットから選択
  • 透明部分は透明のまま保持し、ブラウザー内で処理

仕組み

まず、各ピクセルを知覚される明るさに変換します。これは、適切な白黒変換で得られるグレーと同じです。そのグレーをもとに、黒を影の色、白をハイライトの色とする直線的なグラデーション上の色を選びます。2色に黒と白を指定すると、通常のグレースケール画像になります。

ヒント

  • 暗い影の色と明るいハイライトの色を組み合わせましょう。明るさの差が大きいほど、仕上がりのコントラストが高くなります。
  • 2色を入れ替えると、明るい影と暗いハイライトを使った反転デュオトーンになります。
  • コントラストの低い写真は、デュオトーンにすると平坦な印象になります。仕上がりが濁って見える場合は、先にコントラストを上げましょう。