Webspe Tools

デュオトーン加工ツール

写真や画像の明るい部分・暗い部分に好きな2色を割り当て、ブラウザ上で簡単にデュオトーン加工できる無料ツールです。
配色プリセットから選んだり、シャドウカラーとハイライトカラーを自由に変更したり、加工強度を調整したりできます。
アップした画像はブラウザ内で処理されるため、サーバーに送信・保存されることはありません。

スポンサーリンク

カスタマイズ

画像アップロード

クリップボードの画像を貼り付けることもできます。

アップした画像はブラウザ内で処理されるため、サーバーに送信・保存されることはありません。

配色プリセット

シャドウカラー

ハイライトカラー

加工強度

%

プレビュー

▼ 画像書き出し設定

px
px

\ SNSでシェア /

スポンサーリンク

デュオトーン加工ツールの使い方

1. 画像をアップロードする

「画像アップロード」のエリアに写真や画像をドラッグ&ドロップするか、「画像を選択」からファイルを読み込みます。
PNG・JPG・JPEG・WebP形式に対応しており、ファイルサイズの上限は50MBです。
クリップボードにコピーした画像を貼り付けることもできます。

初期状態ではサンプル画像が表示されているため、手持ちの画像がなくてもデュオトーンの効果を試せます。

2. 配色プリセットを選ぶ

「配色プリセット」から、好みの色の組み合わせを選択します。
プリセットを選ぶと、シャドウカラーとハイライトカラーが設定され、プレビューに加工結果が反映されます。

3. シャドウカラーとハイライトカラーを調整する

プリセットから選ぶだけでなく、2色を自由に変更できます。

  • シャドウカラー:画像の暗い部分に割り当てる色です。
  • ハイライトカラー:画像の明るい部分に割り当てる色です。

それぞれのカラーピッカーで、色の選択エリアや色相のバーを操作して色を変更できます。
カラーコード(HEX値やRGB値)を直接指定することも可能です。

4. 加工強度を調整する

「加工強度」のスライダーまたは数値入力で、デュオトーン効果の強さを調整します。

  • 100%:画像の色をシャドウカラーとハイライトカラーによる色調へ置き換えます。
  • 中間の値:元画像の色を一部残しながらデュオトーン効果を適用します。
  • 0%:デュオトーンによる色の置き換えを適用しない状態になります。

5. 詳細設定で仕上がりを調整する

「詳細設定」を開くと、次の3項目を調整できます。

  • コントラスト:明るい部分と暗い部分の差を調整します。
  • 明るさ:画像全体の明るさを調整します。
  • 彩度:色の鮮やかさを調整します。

各項目にはスライダーと数値入力があり、「クリア」でその項目の調整を解除できます。

6. プレビューで仕上がりを確認する

設定した内容はプレビューにリアルタイムに反映されます。
プレビューを確認しながら、目的の仕上がりになるように各種調整を行なってください。

プレビュー右上の「Before」「After」を切り替えると、元画像と加工後の画像を比較できます。

7. 画像の書き出しサイズを設定する

プレビューの下にある「画像書き出し設定」で、保存する画像の「幅」と「高さ」をピクセル単位で指定できます。
画像をアップロードするとその画像のサイズに自動的に変更されるため、元画像からサイズを変えたい場合に設定を変更してください。

「縦横比を固定」を有効にすると、画像の縦横比を保ちながらサイズを変更できます。
縦横比の固定を解除して幅と高さを別々に変更することも可能ですが、画像が縦や横に伸びた見た目になる場合があります。

8. 加工後の画像をダウンロードする

仕上がりと書き出しサイズを確認したら、「PNGをダウンロード」をクリックします。
加工結果をPNG形式で保存できます。

最初からやり直したい場合は、カスタマイズ欄の「リセット」ボタンを押してください。

デュオトーン加工とは?

デュオトーンとは、画像の暗い部分と明るい部分に異なる色を割り当て、2色を基調とした色調に変える画像加工です。
写真の陰影を残しながら、全体を統一感のある配色に変換します。

例えば、暗い部分にマゼンタ、明るい部分にシアンを指定すると、影にはマゼンタ系、光の当たる部分にはシアン系の色が現れます。
中間の明るさには、その2色の間の色が使われます。

デュオトーンは、画像を2色だけへ減色する加工ではありません。
明暗に応じて2色の中間色も使われるため、写真の自然な階調を活かした表現が可能です。

シャドウカラーとハイライトカラー

シャドウカラーは画像の暗部、ハイライトカラーは画像の明部に使われる色です。
暗部と明部で色相の異なる色を選ぶと、デュオトーン特有のコントラストを感じやすくなります。

ただし、どちらの色を明るくするか、暗くするかに決まりがあるわけではありません。
シャドウに明るい色を、ハイライトに暗い色を設定すると、明暗の印象を反転させたような表現も作れます。

よくある質問

どの画像形式に対応していますか?

PNG・JPG・JPEG・WebP形式の画像をアップロードできます。
ファイルサイズの上限は50MBです。

画像をアップロードせずに試せますか?

はい。
初期表示のサンプル画像を使って、配色プリセットや色の設定、加工強度を試せます。

画像は指定した2色だけになりますか?

いいえ。
2色の間の色も明暗に応じて使われます。
厳密に2色へ減色する機能ではなく、2色を基調とした色調に変換する加工です。

加工強度を下げるとどうなりますか?

元画像の色が一部残り、デュオトーン効果が穏やかになります。
加工強度を100%にすると2色を基調とした表現が強くなり、0%ではデュオトーンによる色の置き換えを適用しない状態になります。

コントラスト・明るさ・彩度は調整できますか?

はい。
「詳細設定」をクリックすると設定欄が表示されるので、そちらから調整が可能です。

JPGやWebP形式で保存できますか?

このツールの出力形式はPNGです。
JPG・JPEG・WebPの画像を読み込んだ場合も、加工後の画像はPNG形式で保存されます。

アップロードした画像はサーバーに保存されますか?

いいえ。
アップした画像はブラウザ内で処理され、サーバーには送信・保存されることはありません。

加工した画像を商用利用できますか?

本ツールは個人利用・商用利用を問わず無料で利用でき、当サイトへのリンクやクレジット表記も必要ありません。
ただし、ご自身でアップロードした画像を加工する場合、元画像の著作権や利用条件に従ってください。

関連ツール