Media Tools画像の色置換ツール
調整可能な許容値を使って画像内の任意の色を別の色に置き換えます。アイコンの色変更、背景の置換、ブランドカラーの調整に最適です。
クリックしてアップロードまたはドラッグ＆ドロップ
PNG、JPG、WebP、BMP、GIF対応
設定
#FFFFFF
#FF0000
30
正確広範囲
結果
画像をアップロードして色を選択すると結果が表示されます
関連ツール
画像の色置換について
使い方
- 画像をアップロード（PNG、JPG、WebP、BMP、またはGIF）
- 「画像から色を選択」をクリックし、任意のピクセルをタップしてソースカラーを選択
- カラーピッカーで置換色を選択
- 許容値スライダーを調整して置換範囲を制御
- 結果は即座に更新 — 再着色した画像をダウンロード
活用シーン
- デザインツールを開かずにアイコンやベクターエクスポートを再着色
- ECサイトの商品写真の単色背景を修正
- A/Bテスト用にロゴやUIアセットのカラーバリアントを作成
- 写真内の衣服、車両、オブジェクトの色を変更
- 単色背景を削除または別の色に置き換え
よくある質問
画像の色置換ツールはどのように機能しますか？
画像をアップロードし、置き換えたい色を選択（カラーピッカーまたは画像クリックで）、置換色を選び、許容値を調整します。ツールはすべてのピクセルをスキャンし、ソースカラーの許容範囲内の色のピクセルを置き換えます。すべてブラウザ内で処理され、ファイルはサーバーに送信されません。
「許容値」スライダーは何をしますか？
許容値は、ピクセルの色がソースカラーとどれだけ似ていれば置き換えられるかを制御します。0（正確）では完全に一致するピクセルのみ変更され、100（広範囲）ではすべての色のピクセルが置き換えられます。ほとんどの単色領域には20〜50の値が適しています。
画像から直接ソースカラーを選択できますか？
はい。「画像から色を選択」をクリックし、結果のプレビューの任意のピクセルをタップします。ツールが自動的にそのピクセルの色をソースカラーに設定します。
対応している画像フォーマットは？
PNG、JPG/JPEG、WebP、BMP、GIFファイルをアップロードできます。出力にはPNG（ロスレス、アイコンに最適）、JPEG（写真用に小さいファイルサイズ）、またはWebP（優れた圧縮の最新フォーマット）が選択できます。
色置換は画像の透過性に影響しますか？
いいえ。ツールはRGBチャンネルのみを変更します。ピクセルの透過性（アルファチャンネル）はそのまま保持され、これはアイコンやPNGグラフィックにとって重要です。
グラデーションやアンチエイリアス処理されたエッジのある写真に適していますか？
このツールはアイコンフィルや単色背景などの単色領域に最もよく機能します。グラデーションやアンチエイリアスエッジのある写真では境界部分で部分的な置換が表示されます。
画像はサーバーにアップロードまたは保存されますか？
いいえ。すべての処理はHTML5 Canvas APIを使用してブラウザ内で完全に行われます。画像はデバイスから外に出ることなく、どこにも保存されません。
一度に複数の色を置き換えることはできますか？
現在、ツールは1回の操作につき1色を置き換えます。複数の色を置き換えるには、プロセスを繰り返してください：最初の色を置き換えて結果をダウンロードし、それをもう一度アップロードして次の色を置き換えます。
対応している最大画像サイズは？
ほとんどの最新デバイスは4000×4000ピクセルまでの画像を問題なく処理できます。非常に大きな画像（10MP以上）は処理に1〜2秒かかる場合がありますが、正常に動作します。
結果が予想と少し異なるのはなぜですか？
許容値が高すぎると、隣接する色も置き換えられる可能性があります。より正確な置換のために許容値を下げてみてください。低すぎると、一部のピクセルが変更されないことがあります。「画像から色を選択」機能を使用すると最良の結果が得られます。
ロゴやアイコンの色を変更するのに使えますか？
はい、これは最も一般的な使用法の一つです。アイコンをPNGとしてエクスポートし、ここにアップロードして、低い許容値（10〜30程度）でフィルカラーを選択し、新しい色を選んでダウンロードします。デザインアプリを開かずにカラーバリアントが作れます。