Boneyard Tools

Remove Background by Color (Chroma Key)

Drop in a logo or product shot that sits on a solid background, then click that background to set the color to remove. A tolerance slider widens the match to cover anti-aliased edges and gentle gradients, and you can either make the matched pixels transparent or fill them with a new color. The result previews over a checkerboard so you can see exactly what is transparent, then exports as a PNG or WebP. Everything runs in your browser, so the image never leaves your device.

How to remove a background color

  1. Drop an image in, or click to browse.
  2. Click the background to pick the color, or use Auto (from corner).
  3. Raise the tolerance until the background is fully gone without eating the subject.
  4. Choose transparent or a fill color, then download the PNG or WebP.

Examples

Knock a white background off a logo

A logo on a flat #ffffff background
The same logo on transparency, saved as a PNG

Frequently asked questions

Is my image uploaded anywhere?

No. The image is decoded and processed entirely in your browser. No pixels are ever sent to a server, so it works offline and keeps private artwork private.

What kind of backgrounds does this work on?

Solid, flat backgrounds work best, like a logo or product shot on white, green, or a single brand color. It is a color knockout (chroma key), not AI subject detection, so busy or photographic backgrounds are not a good fit.

What does the tolerance slider do?

It widens how close a pixel has to be to your chosen color to count as background. Low values remove only the exact color; raise it to also catch anti-aliased edges, JPEG noise, and slight gradients. Too high and it starts eating into your subject.

Why are there faint edges left around my subject?

JPEG compression and anti-aliasing blend the background into the edges, so those pixels are not the pure background color. Nudge the tolerance up to catch them, and prefer a PNG source over JPEG when you can.

Should I export PNG or WebP?

Both keep transparency. PNG is the safest, most universally supported choice. WebP files are usually smaller at similar quality and are well supported in modern browsers and apps.

Related tools