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

私のツールボックス

自動モード

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

プレミアムバージョンにアップグレード
関連ツール
画像カラーピッカー画像モザイクツール画像トリマー画像リサイズ
ホームページ > その他 > 画像ツール
 

画像背景色変更ツール

写真の背景をクリックして、任意の色、グラデーション、または完全な透明に差し替えます。知覚的な許容値、マルチポイントサンプリング、ソフトエッジ、スピル除去で髪や輪郭をきれいに保ち、すべてブラウザ内で処理します。

無料で利用可能登録不要すぐに結果表示
画像背景色変更ツール今すぐ無料で試す ▼
🔒 アップロードは行われません。 写真のデコード、再着色、保存はこのブラウザタブだけで行われます — サーバーも、アカウントも、AI サービスもありません。

画像をここにドロップ

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

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

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

💧 背景サンプル

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

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

🎯 選択

選択: 画像の 0%

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

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

🎨 新しい背景

⬇ ダウンロード

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

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

画像背景色変更ツール

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

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

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

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

🎯 知覚的な許容値マッチングは生の 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日

画像ツール:

人気・最新のツール:

画像を円形に切り抜き📷 OCR / 画像からテキスト抽出画像に枠を追加すべて見る →
ホームページ > その他 > 画像ツール > 画像背景色変更ツール