Chroma Key

Remove a Green Screen

Key a green or blue screen out of a still and get a transparent PNG. Tolerance handles the uneven lighting every real screen has.

Describe the edit — the AI assistant does it on the canvas.

2 free credits · No signup · ~10 seconds

No signup required
Results in seconds
2 free credits included

Drop a green-screen still

PNG, JPG, WebP or SVG — up to 30 MB

Runs entirely in your browser. Your image is never uploaded.

How chroma keying actually works

01

Why green and blue specifically

Human skin contains almost no green or strong blue, so those hues are the furthest from a subject in colour terms. That gap is the whole trick: it lets a machine separate foreground from background by colour alone with very little risk of eating the person.

02

A lit screen is never one value

Real screens have hot spots, falloff at the edges, and shadow where the subject blocks the light. That is why the tolerance starts at 45 rather than the 20 a flat graphic needs — you are matching a range of greens, not one.

03

Green spill on the subject

Light bouncing off the screen tints hair, shoulders and light clothing green. A tolerance high enough to clear the screen will start eating those edges. If you see the subject dissolving before the screen is gone, the original lighting is the problem and no key setting will fully rescue it.

04

Avoid green in the frame

Anything green on the subject disappears with the background. That is the classic reason a presenter never wears green in front of a green screen — and if the wardrobe is green, switch to a blue screen instead.

05

Stills only, and PNG out

This works on single images rather than video. The output is PNG because transparency needs an alpha channel, and re-saving as JPG would fill the keyed area back in with white.

How to remove a green screen

1

Upload the still

Drop in a frame grab or photo shot against a green or blue screen.

2

Tune the key

The default is broadcast chroma green. Adjust the colour to match your screen, then raise tolerance until the background clears without eating the subject edges.

3

Download

Take a free preview, or download the full-resolution transparent PNG with one credit.

Where green screen removal is used

Frame grabs

Pull a keyed still out of green screen footage for a thumbnail or a poster.

Studio portraits

Cut a subject shot against a coloured backdrop free of it.

Product shots

Key out a coloured sweep so a product sits on any page background.

Presenter cut-outs

Place a speaker over slides without the studio wall behind them.

Used by designers, indie devs & students at

What people use it for

The jobs the editor was built around — and what it does differently on each one.

Colourways you can revisit

Every edit is a layer, not a bake. When the brand shifts, reopen the file and change the colour rather than rebuilding the variant from the original.

Cutouts with awkward edges

AI background removal that keeps hair, foliage and soft shadows instead of stamping a hard outline around them. The output is a transparent PNG, ready to place.

No export, edit, re-import loop

The Framer plugin runs on the canvas you are already working in, so a recolour or a cutout does not mean a round trip through a second application.

Ten options in the time one used to take

Recolour once and step through the alternatives, so a client review can look at the whole range instead of the one version there was time to make.

Brand colours matched exactly

Pick a colour straight off an existing asset and get the hex, rather than eyeballing it against a screenshot and hoping it is close enough.

Free to preview, priced per export

Previewing is unlimited and costs nothing. A credit is spent only when you download a full-resolution file, so exploring an idea is never the expensive part.

Frequently Asked Questions

4.8/5 from 1,250+ users

Key out your green screen

Upload a still, tune the key, and download a transparent PNG.

Remove Green Screen