デュオトーン効果
写真を2色のエディトリアル風の表現に変えます — 影とハイライトを選んだ2色にマッピングし、明るさとコントラストも調整できます。すべてブラウザ内で処理されます。
入力
Drop an image or browse
One file · image
ブラウザ内で完全に処理されます — 画像はサーバーにアップロードされることはありません。
出力
結果
Your edited image will appear here.
SVGソース
役に立ちましたか？
このツールを使う他の方法
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/imagekit/duotone-effect/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="デュオトーン効果 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
次の方法でも利用可能
ガイド
写真に、くっきりとした2色のエディトリアル風の表情を与えます。デュオトーン効果ツールは、画像の影とハイライトを選んだ2色にマッピングします。明るさとコントラストを個別に調整できるので、さりげない色味づけから、ポスターのような強い色変換まで自在に仕上げられます。
仕組み
画像をアップロードしたら、4つのオプションを設定します。
- 影の色 — 画像の最も暗い部分を置き換える色です。
- ハイライトの色 — 画像の最も明るい部分を置き換える色です。
- 明るさ — デュオトーンの色を適用する前に画像を明るくまたは暗くし、どの部分が影とハイライトに見えるかを変えます。
- コントラスト — デュオトーンの色を適用する前に、影とハイライトの差を広げるか、やわらげます。
内部では、まず画像をグレースケールに変換し、次に明るさとコントラストを調整し、最後に各グレー値を影の色からハイライトの色へのグラデーションに沿って再マッピングします。結果はコントロールを動かすとすぐに表示されます。結果はSVGファイルとしてダウンロードするか、ソースのマークアップを直接コピーできます。
ヒント
- 濃いネイビーの影と明るいアンバーのハイライトのような、コントラストの強い色の組み合わせは、最も印象的なポスター風の効果になります。明度が近い組み合わせは、より控えめな色味になります。
- デュオトーンの色を適用する前にコントラストを少し上げると（初期値は +10）、影とハイライトの調子がよりくっきり分かれる傾向があります。
- ダウンロードしたSVGは元の画像をベクターでラップしたものなので、どのサイズでも鮮明さを保ちます。ラスター形式の書き出しと違い、拡大・縮小しても画質は落ちません。
imageduotonephoto effectfiltertwo-tone