Image Chroma Key Remover

Drop a green screen photo and the background is keyed out on arrival: tune it, or click the image to key any other color, then save a transparent PNG.

or browse filesdrop an image here or paste

Click the image to key another color
Image with the chroma key background removed
.png

Chroma Key Any Image Online and Save a Transparent PNG

This is a free online chroma key tool for still images - a chroma keyer, or chromakey editor, whichever you call it. Drop a photo shot against a green screen and the background is gone before you touch a control: the page reads the border of the picture, works out what color the backdrop is, sets the tolerance to match it, and keys it out. What is left is a real transparent PNG - the checkerboard behind the preview is the transparency itself, not a white background pretending to be one.

Green is only the default because a greenscreen is the common case. Click anywhere on the image to key that color instead, or use the swatches for a blue screen, cyan, magenta or white, or open the picker at the end of the row for any exact shade. That makes it a chroma key color remover rather than a green screen remover alone - the same page removes a blue screen background, a flat studio backdrop, or a solid color behind a logo or a product shot.

How to Remove a Green Screen from an Image

Drop the picture on the page, paste it from the clipboard, or pick a file. The background disappears on arrival, so most of the time the next thing you do is press Download. If the key needs help, there are three sliders and none of them are guesswork:

Tolerance decides how far from the key color a pixel can be and still count as background. Raise it if patches of the screen survive; lower it if part of the subject is disappearing. Edge works on the outline: drag it left to pull the cutout inward, which is how you get rid of the thin green halo that a screen leaves around hair and shoulders, and drag it right to soften a hard, jagged edge. Spill removal takes the green cast off the subject itself - light bouncing off a big green wall lands on skin, blonde hair and light clothing, and this pulls it back out.

Switch the background between Transparent and Color if you would rather composite the subject onto a flat color than save a cutout. Then save as PNG, which keeps the transparency losslessly, or WebP for a smaller file that also keeps it. JPG is deliberately not offered here: the format has no alpha channel and would quietly fill everything you just removed with black.

Touch Up the Cutout by Hand

No automatic key gets everything, because some of the work is a judgement about what you meant to keep. The screen rarely covers the whole frame, so a light stand, a strip of floor or the edge of a wall survives it. A green prop or a green shirt is the same colour as the background and goes when the background goes. Press the touch-up button under the image and you get two tools to settle those cases yourself.

The lasso is for area work: drag a loop around anything and it is dealt with in one gesture, whatever colour it is. The brush is for the detail a loop is too blunt for, with a size slider - hair, a thin strap, the gap between an arm and a body. Each of them works in one of two directions. Erase forces the area transparent even if the key wanted to keep it - a plain background eraser, working on shape rather than colour - and Restore brings back whatever the key removed. Strokes stack, so you can lasso a whole region out and then brush part of it back, and undo steps back through them one at a time.

The strokes are kept separately from the key rather than burned into the picture, which means you can go on adjusting tolerance, edge and spill afterwards and your painting stays exactly where you put it, sitting on top of whatever the sliders do underneath. They are also stored as shapes, not as pixels, so the download paints them at the full resolution of your original file instead of scaling up a preview-sized mask - the edge of a lasso stays as sharp in a 24-megapixel export as it looked on screen.

What Chroma Keying Actually Does

A chroma keyer decides transparency from color alone. Each pixel is converted into YCbCr, the color space broadcast equipment has always keyed in, where Cb and Cr carry the color and Y carries the brightness. The distance from the key color is measured in the Cb/Cr plane only, which is what makes the technique work in the real world: a shadow falling across the screen, or one corner lit brighter than the other, is still the same green, only darker - so it still keys out, while a naive "delete every pixel near this RGB value" tool leaves the shadow behind.

The one case where that reasoning breaks is a neutral backdrop. White, black and grey all sit at the same point in the Cb/Cr plane, so pure chroma keying cannot tell a white wall from a white shirt. This tool detects that: when the key color you choose has little or no saturation, brightness is weighted back into the measurement and the key becomes a luminance key, which is the only thing that can separate a white background from a dark subject.

Green Screen, Blue Screen, and What Shoots Well

Green is the standard because it is furthest from human skin tones, and because digital sensors capture more detail in green than in red or blue. Blue, or a bluescreen, is the better choice when the subject wears green, when there is a lot of blonde hair that can pick up a green reflection, or for a darker, moodier shot. Either way the same things help: light the backdrop evenly and separately from the subject, keep the subject a good distance in front of it so the bounce is weaker, and avoid transparent or very fine detail if you can, since glass and loose hair are hard for any keyer.

If the shot is not clean, work in this order - set the key color first by clicking on the worst patch of background, then raise tolerance until the screen is gone, then use a negative Edge value to trim the fringe, then adjust spill. Anything still wrong after that is not a colour problem and no slider will fix it: switch to touch-up and lasso it away.

Full Resolution, Private, No Upload

The preview runs on a scaled copy for speed, but the download re-runs the identical math over every pixel of the original file, so the cutout you save is exactly what you saw at the resolution you loaded. Nothing is transmitted: the image is decoded and keyed by your own browser, no file is sent to a server, there is no account, and no watermark is added.

Once you have the cutout, trim transparent edges crops away the empty border a keyed image usually has, check transparency confirms which areas are really transparent, and fill transparency drops a solid color behind it if you change your mind about the background later.

Frequently Asked Questions About Chroma Key Removal

How do I remove a green screen background from an image?

Open the image on this page. The green screen is detected and keyed out automatically, so you usually only need to press Download and save the PNG. If some of the screen remains, raise Tolerance; if part of the subject vanishes, lower it.

Is this chroma key tool free?

Yes. This chroma key editor is free with no account, no sign-up, no upload and no watermark, and there is no limit on how many photos or images you can key.

Can I remove a blue screen or another color instead of green?

Yes. Click anywhere on the image to key the color under the cursor, use the blue, cyan, magenta or white swatches, or open the color picker at the end of the swatch row and type an exact hex value. Any solid background color can be the key.

How do I turn a greenscreen photo into a PNG with a transparent background?

Load the photo, let the tool key the green out, and download with PNG selected. PNG carries an alpha channel, so the transparency is preserved in the file itself and the cutout can be placed over any background in another program. WebP works too and produces a smaller file.

Part of my subject was removed, or something in the background was not. Can I fix it by hand?

Yes. Press the touch-up button under the image. Lasso a loop around anything you want gone and it goes, whatever colour it is; switch to Restore and lasso to bring back something the key ate, such as a green shirt. The brush does the same in finer detail for hair and thin edges. Your strokes survive any later change to the sliders, and undo steps back through them.

How do I remove something that is not the green screen, like a light stand or the floor?

The key only knows about colour, so anything the screen did not cover survives it. Touch-up handles it: one lasso loop around the object with Erase selected removes it regardless of what colour it is.

Why is there still a green edge around my subject?

That is spill - green light from the screen reflecting onto the subject's outline. Drag the Edge slider left to pull the cutout slightly inward and cut the contaminated rim off, and raise Spill removal to neutralise the green cast that has landed on hair and skin.

Can this remove a white or black background?

Yes. Pick the white swatch, or click a white area of the image. Because white and black have no color to key on, the tool automatically switches to measuring brightness for neutral keys instead. It works best when the subject is clearly darker or lighter than the background - a white product on a white background has nothing for any keyer to separate.

Does it work on video?

This page keys still images, including frames exported from video. For a clip you would need a video editor, but a single frame, thumbnail or screenshot from footage keys here in a second.

Is my image uploaded anywhere?

No. All of the processing happens inside your browser using the canvas API. The picture never leaves your device, and the page keeps working after it has loaded even if you go offline.