画像に色をつける
写真を選んだ色で色づけします。まずグレースケールに変換し、強さを調整できるスクリーン合成の着色を行います。すべてブラウザ内で処理されます。
入力
Drop an image or browse
One file · image
ブラウザ内で完全に処理されます — 画像はサーバーにアップロードされることはありません。
色を選ぶか、HEX値を直接入力してください。
色をどの程度強く適用するかを調整します
出力
結果
Your edited image will appear here.
SVGソース
役に立ちましたか？
このツールを使う他の方法
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/imagekit/colorize-image/"
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つのオプションを設定します。
- 着色する色 — 写真を色づけする色です。カラーサンプルから選ぶか、HEX値を直接入力できます。
- 着色の強さ — 色をどの程度適用するかを指定します。ごく薄い色味(約1%)から、完全に濃い色味(100%)まで調整できます。強さが30%を超えると、より淡い2つ目の色のパスが自動的に加わり、最大の強さまで色味がなめらかに増していきます。
結果は、色やスライダーを変更するとすぐに表示されます。結果はSVGファイルとしてダウンロードするか、ソースのマークアップを直接コピーできます。
ヒント
- 40〜60%前後の強さにすると、色味の下に元の写真の階調のディテールが残ります。それ以上の値では、よりフラットでグラフィックな見た目になります。
- 彩度が高く、明るさが中程度の色(青、ティール、暖かいオレンジなど)が、着色の色味として最も効果的です。非常に淡い色や非常に暗い色は、スクリーン合成が両端では控えめに効くため、効果が見えにくくなります。
- ダウンロードしたSVGは、元の画像をベクターで包んだものなので、どのサイズに拡大縮小しても画質が落ちません。ラスター画像の書き出しとは異なり、きれいなまま使えます。
imagecolorizetintphoto effectfilter