2010年から · 毎月200万回以上のツール利用を支えています
2010年から
Chrome に追加

私のツールボックス

自動モード

保存したツールはまだありません。

プレミアムバージョンにアップグレード
関連ツール
同じシーン
画像リサイズ
その他のツール
証明写真メーカー画像トリマー画像透明度変更ツール画像カラーピッカー背景透過ツール画像モザイクツール
ホームページ > その他 > 画像ツール
 

画像背景色変更ツール

MiniWebtoolの画像背景色変更ツールは、クリックした背景を単色、グラデーション、または透明に置き換えます。許容範囲、境界の柔らかさ、色のにじみ除去を調整して、被写体の輪郭を整えられます。

使い方がわからないときはAIに聞く

Geminiでは、コピーした質問文をチャットに貼り付けてください。下からコピーすることもできます。

質問文を見る

1日3回まで無料登録不要すぐに結果表示
画像背景色変更ツール今すぐ無料で試す ▼
サンプル写真:背景を透明、白、そしてグラデーションに変更

画像をドロップするか、サンプル写真を試してください。背景は自動で検出されます。

🔒 アップロードは行われません。 写真のデコード、再着色、保存はこのブラウザタブだけで行われます — サーバーも、アカウントも、AI サービスもありません。

画像をここにドロップ

またはタップしてファイルを選ぶか、Ctrl+V で貼り付けます。背景が比較的均一な被写体がいちばんきれいに差し替わります。

🎨 画像を選択
JPG · PNG · WebP · GIF · BMP — お使いの端末で処理
処理前 処理後
↔
#ffffff
処理中…

背景をクリックしてサンプリングします。背景がむらなら、さらに数か所クリックしてください。

💧 背景サンプル

画像をクリックして色を追加

最大 6 サンプル。画素はいずれかに近ければ背景とみなされます — 巨大な許容値なしでグラデーションや影のある壁に対応する方法です。

🎯 選択

選択: 画像の 0%

CIE Lab 単位で測るので、同じ数字は明るい背景でも暗い背景でも同じように振る舞います。

許容値のすぐ外側の画素は切れ落ちるのではなくフェードアウトするので、輪郭と髪が滑らかに保たれます。

🎨 新しい背景

⬇ ダウンロード

PNG は透明度を保ち、元の解像度で保存されます。

画像背景色変更ツールを埋め込む

画像背景色変更ツール

画像背景色変更ツールは、写真の背景を指して塗り直せます — 別の単色、2色グラデーション、または何もない状態です。塗りつぶしツールではなくコンポジターと同じやり方で動きます。背景をサンプリングし、ツールは知覚的な色空間で他のすべての画素がそのサンプルからどれだけ離れているかを測り、許容値の内側はすべて、ソフトでアンチエイリアスされた縁付きで置き換えます。処理はすべて自分の端末、ブラウザタブ内で行われ、アップロード手順はありません。

1. 背景をクリック 2. 許容値で選択 3. 新しい色または透明

脈打つリングは許容値の働きを示します。サンプリングした色の周りに知覚的な半径が広がり、その内側の画素はすべて背景になります。

一目でわかる

画像背景色変更ツールは、写真でクリックした背景を、単色、2色のグラデーション、または透明に置き換えます。許容値、ぼかし、色にじみの調整で、被写体の輪郭を整えます。

画像背景色変更ツールの機能一覧
機能できること向いている用途
クリックによるサンプリング画像の読み込み時に枠の色をサンプリングします。背景をクリックするとサンプルを追加でき、壁や空にムラがある場合はさらに追加できます。一様な単色ではない背景
Lab色空間の許容値一致の判定はRGBではなく、CIE Labの色空間で測ります。そのため、一つの許容値で暗い背景と明るい背景の両方が、似た動きをします。背景のどれだけを置き換えるかを調整するとき
新しい背景透明、単色、または2色のグラデーションに置き換えます。証明写真、商品掲載、ブランドカラーのアバター
ぼかした輪郭ぼかしの帯により、境界のピクセルを急に切り取るのではなく、部分的に透明にします。被写体の輪郭を滑らかにするとき
色にじみの除去混ざり合った輪郭のピクセルから、元の背景の色かぶりを取り除きます。髪の毛や、色のハロー(にじみ)がある輪郭
エッジ連結モード画像の縁からつながっている背景だけを置き換えるため、被写体の内側にある似た色は残ります。白い壁の前にある白いシャツ
比較と書き出し分割ハンドルをドラッグして変更前後を比べ、PNG、JPG、WebPを元の解像度でダウンロードします。JPGは透明に対応しません。保存する前に結果を確認するとき

この背景変更ツールが違う理由

🎯 知覚的な許容値マッチングは生の RGB ではなく CIE Lab で行うので、1つの許容値は暗い背景でも明るい背景でも同じように振る舞います。
💧 マルチポイントサンプリング空、ビネット、照明のある背景は決して一色ではありません。数か所クリックすれば、いずれかに近い画素が一致します。
🪶 ソフトエッジマット柔らかさの帯は境界の画素に、硬いイエス/ノーではなく部分的なアルファを与えるので、輪郭は滑らかなままです。
🧼 スピル除去混ざった縁の画素から古い背景の色かぶりをアンミックスし、髪の周りの典型的な色ハローを消します。
🛡 エッジ連結モード枠から到達できる背景だけを置き換えるので、白い壁の白いシャツは残ります。
↔ 分割比較ハンドルを写真の上でドラッグし、原画像と結果が中央で原寸のまま出会う様子を見られます。

画像背景色変更ツールの使い方

  1. 画像を開く: JPG、PNG、WebP をアップロード領域にドロップするか、タップして選ぶか、クリップボードからそのまま貼り付けます。画像はブラウザ内でデコードされ、アップロードされることはありません。
  2. 背景をクリックする: 画像の読み込み時に、ツールは枠の色を自動サンプリングします。背景の任意の場所をクリックして自分のサンプルを追加し、背景がむらならさらに数か所クリックします。
  3. 許容値と柔らかさを調整する: 背景全体が選ばれるまで許容値を上げ、被写体の縁がギザギザではなく滑らかになるよう、柔らかさを少し加えます。
  4. 新しい背景を選ぶ: 透明、スウォッチやカラーピッカーの単色、または2色グラデーションを選びます。薄いハローが残る場合はカラースピルを除去をオンにします。
  5. 結果をダウンロードする: 分割ハンドルをドラッグして処理前と処理後を比べ、完成した画像を元の解像度の PNG、JPG、WebP としてダウンロードします。

許容値の選び方

許容値は CIE Lab 単位の距離です。この色空間は、等しい数値の歩みが等しい見た目の歩みになるよう作られています。およそ 2.3 の差が人が普通気づける最小なので、下の数字は聞こえるよりずっと大きい値です。

画像背景色変更ツール: 許容値の選び方
背景許容値の目安メモ
無地のスタジオ白、またはスクリーンショット12–22ほぼノイズなし。文字の縁をきれいに保つなら柔らかさは 4–8。
柔らかい影のある塗装壁25–40許容値をさらに上げるより、影の中に2つ目のサンプルを追加します。
グリーンまたはブルースクリーン30–45カラースピルを除去をオンに。クロマスクリーンは被写体に色を跳ね返します。
屋外の空、またはグラデーション背景18–30、サンプル 3–5 個巨大な許容値は被写体を食うので、グラデーションをサンプリングする方がよいです。
複雑、またはテクスチャのある背景任意カラーキーイングはここでは向きません。手作業の切り抜きの方がきれいに見えます。

よく使われる場面

  • 証明写真・パスポート写真: 自宅の壁を、申込用紙が求める無地の白、ライトグレー、証明写真用の青に差し替えます。
  • 商品掲載: Amazon や eBay などのマーケットプレイスは純白の背景を求めます。撮影テーブルをサンプリングして #FFFFFF に置き換えます。
  • ロゴとクリップアート: 白地の JPG で届いたロゴを、任意のスライドや暗いヘッダーに載せられる透明 PNG にします。
  • プロフィール写真: 散らかった背景をブランドのグラデーションに替え、チーム全体のアバターを揃えます。
  • グリーンスクリーンの静止画: クロマキー撮影から1フレームを取り出し、動画ソフトを開かずにキーイングします。

いちばんきれいな縁を出すには

  • 被写体の近くではなく、背景のある場所をサンプリングする。 輪郭から数画素以内はすでに両方の混ざりなので、そこでサンプリングするとツールに誤った色を教えます。
  • 許容値を上げるより、サンプルを増やす。 許容値 25 で3つのサンプルの方が、許容値 60 の1サンプルよりむらのある壁を正確に選べます。後者は肌や影まで食いはじめます。
  • 柔らかさはぼかしではありません。 画素が部分的に透明になる帯を広げます。5–15 で十分なことが多く、非常に高い値は被写体を幽霊のように見せます。
  • マスク表示を使う。 切り替えると選択領域がマゼンタで塗られるので、被写体内部の斑点 — 許容値が高すぎる印 — が一目で分かります。
  • 透明度が欲しいときは PNG または WebP で保存する。 JPG にはアルファチャンネルがまったくないため、透明部分は白に戻ります。

形式と透明度の早見表

画像背景色変更ツール: 形式と透明度の早見表
形式透明度を保持向いている用途
PNGはい、8ビットアルファロゴ、切り抜き、別の背景の上に載せるもの。
WebPはい、より小さい現代のブラウザで問題ないウェブ用途。PNG よりおよそ 25–35% 軽いです。
JPGいいえ新しい背景がもともと単色またはグラデーションの写真。

プライバシー

すべての手順 — デコード、色のマッチング、マット、再エンコード — は HTML5 canvas API を通じてブラウザ内で行われます。画像バイトは miniwebtool にも第三者にも送られず、保存もされず、オフライン後もページは動き続けます。これは、背景を替えたいことがいちばん多いファイルそのもの、つまり身分証、家族写真、未公開の商品ショットに関わります。

よくある質問

画像の背景色を変更するには?

写真を開き、背景を一度クリックしてその色をサンプリングし、新しい背景パネルで新しい色を選びます。サンプリングした色に十分近い部分だけが塗り直されるので、被写体はそのままです。古い背景の斑点が残るときは許容値を上げ、被写体が消え始めるときは下げます。

色ではなく背景を透明にできますか?

はい。新しい背景パネルで透明を選ぶと、一致した画素のアルファ値はゼロになります。透明度を保つには PNG または WebP でダウンロードしてください。JPG にはアルファチャンネルがないため、選ぶと透明部分は白に焼き付きます。

許容値スライダーは実際に何をしますか?

画素がサンプリングした色からどれだけ違っても背景とみなすかを決めます。距離は生の RGB ではなく CIE Lab 空間で測るので、1つの許容値は暗い背景でも明るい背景でもほぼ同じ見た目の差を意味します。無地のスタジオ壁なら 20〜35 程度、質感や影のある壁ならもっと必要です。

被写体の周りに色のハローが出るのはなぜ?

輪郭の画素は被写体と背景の物理的な混ざりなので、差し替え後も古い背景の色かぶりが残ります。カラースピルを除去をオンにすると、ツールは各部分画素を fg = (pixel - alpha * background) / (1 - alpha) でアンミックスし、下にある被写体色を復元します。その上に少しの柔らかさを足すと、残りの階段状のギザギザが隠れます。

写真はどこかにアップロードされますか?

いいえ。画像はご自身のブラウザが canvas でデコード、キーイング、再エンコードするため、画素が端末から出ることはなく、サーバーにコピーは保存されません。読み込み後はオフラインでもページは動き続けます。

このコンテンツ、ページ、またはツールを引用する場合:

"画像背景色変更ツール"(https://MiniWebtool.com/ja/画像背景色変更ツール/)、MiniWebtool、https://MiniWebtool.com/

by miniwebtool team. 更新日: 2026年9月4日

お気に入りのAIに聞く

Geminiでは、コピーした質問文をチャットに貼り付けてください。下からコピーすることもできます。

質問文を見る

画像ツール:

人気・最新のツール:

画像にテキストを追加画像を円形に切り抜き角丸画像ジェネレーターすべて見る →
ホームページ > その他 > 画像ツール > 画像背景色変更ツール