画像の色置換ツール

画像の色置換ツールの使い方

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

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

初期状態でサンプル画像が表示されているため、画像をアップしなくても色の置き換えを試せます。

2. 変更元の色を指定する

「変更元の色」で、画像内の置き換えたい色を指定します。
色の選択エリアや色相のバーを操作するほか、カラーコードを入力して指定できます。

スポイト対応ブラウザでは、「画像から色を取得」ボタンをクリックした状態で画面上の任意の位置をクリックすると、その位置の色を取得できます。

3. 変更先の色を指定する

「変更先の色」で、置き換え後の色を指定します。
変更元と同様に、カラーピッカーやカラーコード入力、画像から色を取得の方法で設定できます。

4. 色の許容範囲を調整する

「色の許容範囲」のスライダーまたは数値入力で、変更元の色にどのくらい近い色まで置き換えるかを0〜100で調整します。

• 小さい値：変更元の色に近い色だけを変更します。
• 大きい値：より広い範囲の似た色も変更します。
• 0：変更元の色と完全に一致する色だけを変更します。

5. 境界のなじませを調整する

「境界のなじませ」は、変更対象の色と対象外の色の切り替わりをなめらかにする設定です。
0では色の近さによって変更する・しないがはっきり分かれ、値を大きくすると境界付近の色を元の色と混ぜながら置き換えます。

色の許容範囲が0の場合、境界のなじませの値に関わらず完全に一致する色だけが対象になります。

6. 明暗を維持するか選ぶ

「明暗を維持」を切り替えると、色を置き換えた部分の仕上がりを変更できます。

• ON：変更元の色との明るさの差を残して置き換えます。写真や立体物の陰影を残したい場合に向いています。
• OFF：変更先の色へ直接置き換えます。ロゴやアイコンなどの色をそろえたい場合に向いています。

ONの場合は元画像の明暗が反映されるため、変更対象のすべての画素が変更先のカラーコードと同じ色になるわけではありません。

7. プレビューで加工前後を比較する

設定の変更はプレビューにリアルタイムに反映されます。
「After」で色置換後の画像、「Before」で元画像を確認できます。
切り替えながら、色の変わり方や境界の仕上がりを調整してください。

8. 書き出しサイズを設定してPNGで保存する

「画像書き出し設定」で、保存する画像の幅と高さをピクセル単位で指定できます。
画像をアップロードすると元画像の幅と高さが自動で反映されるため、サイズを変えたい場合に変更してください。
「縦横比を固定」をONにすると、元画像の縦横比を保ちながらサイズを変更できます。

仕上がりを確認したら、「PNGをダウンロード」を押して保存してください。

はじめから設定をやり直したい場合は、「リセット」ボタンを押してください。

よくある質問