What is chroma keying?

A compositing technique, most familiar from green-screen video, where one specific color is treated as 'transparent' so it can be replaced with a different background. This tool applies the same idea to a single PNG image.

How does the tolerance setting work?

Tolerance controls how close a pixel's color must be to the chosen key color to be made transparent, measured as the maximum per-channel difference. A low tolerance only removes near-exact matches; a higher tolerance also catches slightly different shades, like shadowed or lit areas of a green screen.

Will this remove anti-aliased edges around my subject?

Partially. Pixels that are a blend of the key color and the subject (common at anti-aliased edges) may only partially match within tolerance, which can leave a faint fringe. Increasing tolerance slightly, or cleaning up the edge afterward, can help.

What key colors work best?

A solid, evenly-lit color that doesn't otherwise appear in your subject, classically green (#00FF00) or blue (#0000FF), works best, since chroma keying can't distinguish the key color from the same color elsewhere in the image.

PNG Chroma Key Remover - Remove a Green/Blue Screen Online

Overview

Introduction

This tool removes a chroma key color, like a green or blue screen, from a PNG using color-key transparency, entirely in your browser.

It works on a plain pixel buffer, so nothing you upload is sent to a server.

What Is PNG Chroma Key Remover?

A chroma key removal tool that scans every pixel and makes it fully transparent if its color is within a tolerance of the chosen key color, the same 'greenscreen removal' concept used in video production applied to a single image.

This is a thin, framing wrapper around this category's shared color-key transparency logic.

How PNG Chroma Key Remover Works

For each pixel, the tool computes the maximum absolute difference between that pixel's red, green, and blue values and the key color's red, green, and blue values.

If that maximum difference is within the chosen tolerance, the pixel's alpha is set to 0 (fully transparent); its RGB values are left as-is, since a transparent pixel's exact color doesn't matter visually.

When To Use PNG Chroma Key Remover

Use it on a photo or graphic shot or created against a solid, evenly-lit background color you want to remove.

It's a much lighter-weight alternative to full background-removal AI tools when your background really is one solid, distinct color.

Often used alongside PNG Background Remover, PNG Transparency Maker and PNG Color Remover.

Features

Advantages

Runs entirely client-side; nothing you upload leaves your device.
Simple, predictable, adjustable-tolerance color matching rather than an opaque AI model.
Works on any solid key color, not just green or blue.

Limitations

It only removes pixels close to one specific color; it can't separate a subject from a complex, multi-colored, or non-uniform background.
Anti-aliased or partially-blended edge pixels around the subject may only be partially removed, leaving a faint color fringe.

Examples

Remove a classic green screen

Input

A subject photographed against solid green (#00FF00), tolerance 40

Output

The same photo with the green background fully transparent

A moderate tolerance catches lighting variation across the green backdrop while still preserving the subject.

Remove a solid blue background from a graphic

Input

An icon on a flat blue (#0000FF) background, tolerance 10

Output

The icon with the blue background transparent, tight edges preserved

A low tolerance is enough for a perfectly flat, single-shade background.

Best Practices & Notes

Best Practices

Start with a moderate tolerance (around 30-40) for photographed green/blue screens with lighting variation, and a low tolerance for perfectly flat digital backgrounds.
Avoid key colors that also appear in your subject, since chroma keying can't tell the two apart.

Developer Notes

The lib function is a thin, validating wrapper around `makePngTransparent`, which already implements the max-per-channel-difference color-key transparency test; this tool exposes it under the 'chroma key' name familiar to video/compositing workflows.

PNG Chroma Key Remover Use Cases

Removing a solid-color photography backdrop from a product or portrait photo
Cleaning up a flat-color background from an exported graphic
Preparing a subject for compositing onto a new background

Common Mistakes

Using a key color that also appears in the subject, causing unwanted transparent holes.
Setting tolerance too low for a photographed (unevenly-lit) screen and leaving visible background fringes behind.

Tips

Pick a key color that's as different as possible from your subject's own colors.
If edges look fringed after keying, try a slightly higher tolerance or clean up the remaining edge with the area eraser tool.

PNG Chroma Key Remover