PNG Color Remover

Uploads a PNG and sets the alpha of every pixel within a chosen tolerance of a target color to zero, a classic chroma-key style background removal, leaving every other pixel's color and alpha untouched, then lets you download the result. A free online tool from Staaarter, right in your browser.

Runs locallyUpdated 2026-07-26

Overview

Introduction

This tool makes a specific color in a PNG fully transparent, entirely in your browser, the same idea as a green-screen chroma key.

It's a quick way to strip a flat background color from a logo, icon, or simple graphic without a full photo editor.

What Is PNG Color Remover?

A client-side background-color remover: it reads an uploaded PNG's pixel data, measures each pixel's color distance from a target color, and sets matching pixels' alpha to fully transparent.

An adjustable tolerance widens or narrows how close a color needs to be to count as a match.

How PNG Color Remover Works

For every pixel, the tool computes the Euclidean distance between its RGB value and the target color. Any pixel within the tolerance has its alpha channel forced to 0; every other pixel is returned unchanged.

Because only alpha is modified, no color data is lost or altered — it's simply hidden.

When To Use PNG Color Remover

Use it to strip a solid white, black, or green background from a logo or icon so it can sit on any colored surface.

It also works well for cleaning up scanned line art where the paper background is a consistent off-white.

Features

Advantages

  • Runs entirely client-side; your image never leaves your device.
  • Tolerance control handles slight background color variation and anti-aliasing.
  • Leaves all non-matching pixels completely untouched.

Limitations

  • Works best on flat, evenly-lit backgrounds; it can't separate a subject from a busy or gradient background the way a full matting algorithm can.
  • A tolerance that's too high can accidentally remove parts of the foreground subject if its colors are close to the background.

Examples

Remove a white background from a logo

Input

A logo PNG on solid white, target #ffffff, tolerance 10

Output

The same logo with the white background now fully transparent

A small tolerance safely catches slight white variation from compression without touching the logo itself.

Strip a green-screen backdrop

Input

A subject shot on green screen, target #00ff00, tolerance 60

Output

The green backdrop removed, subject intact

A larger tolerance is often needed for photographed green screens due to lighting variation across the backdrop.

Best Practices & Notes

Best Practices

  • Start with a low tolerance and increase it gradually, checking the preview after each change, rather than guessing a high value immediately.
  • Use the Color Picker tool first to grab the exact background hex value instead of eyeballing it.

Developer Notes

The removal logic is a pure function over a Uint8ClampedArray pixel buffer that only ever writes the alpha byte of matched pixels, keeping RGB data intact for auditability; it shares the same distance-matching approach as the Color Changer and Colors Swapper tools.

PNG Color Remover Use Cases

  • Removing a flat background color from a logo or icon
  • Cleaning up scanned line art's paper background
  • Stripping a solid-color backdrop from a product photo

Common Mistakes

  • Using a tolerance so high it eats into the actual subject when the subject shares colors with the background.
  • Expecting this to matte out a busy or photographic background — it only targets a single flat color.

Tips

  • If a thin fringe remains after removal, try raising the tolerance slightly rather than starting over from scratch.
  • For a two-color swap instead of removal, use the Colors Swapper tool, which keeps both colors visible.

References

Frequently Asked Questions