Remove Blue Screen — free, in your browser

A blue screen is a solid-color backdrop — usually bright blue or green — that you shoot your subject against so it can be replaced later. "Removing" it means turning that color transparent, leaving your subject on a clean cut-out you can drop onto any background.

Diagram: shoot on a solid color, the color goes transparent, then drop the subject on any background — Shoot on a solid color, turn that color transparent, then place the subject on any background.

How to remove a blue screen

Open your file. Drop a blue-screen image or video above, or click browse. The preview updates as soon as it loads.
Pick the key color and threshold. Keep the blue preset, then raise or lower Similarity threshold until the background vanishes but your subject stays sharp. Edge shrink eats the blue fringe; Edge smoothing softens the matte.
Export. Images save as a transparent PNG. Video saves as a transparent WebM or a PNG-sequence zip.

Diagram: chroma key isolates the key color, builds a matte, removes the color, composites onto a new background — Chroma key: isolate the key color, build a matte, remove the color, composite onto a new background.

Diagram: the four controls — key color, similarity threshold, edge shrink, edge smoothing — and what each does — The four knobs: key color, similarity threshold, edge shrink (eats the fringe), edge smoothing (softens the matte).

Image or video?

Still image? You get a transparent PNG. Video? You get a transparent WebM or a PNG-sequence zip. Both are processed on your device — nothing is uploaded.

Diagram: image exports as transparent PNG, video as transparent WebM or PNG sequence, both on-device — Image becomes a transparent PNG; video becomes a transparent WebM or PNG-sequence zip — neither is uploaded.

Tips for a clean edge

If a blue halo remains, nudge Edge shrink up by 1–2 px.
If hair or fine detail gets chewed away, lower Edge shrink and raise Edge smoothing.
You can click the preview to sample any color as the key — handy for uneven or lit backdrops.

Diagram: colored halo fix is raise edge shrink; chewed hair fix is lower shrink and raise smoothing — Colored halo left? raise Edge shrink. Fine hair chewed away? lower shrink and raise Edge smoothing.

Common questions

How to use a blue screen

Shoot your subject in front of a solid blue backdrop, drop the file above, and the tool turns that color transparent — leaving your subject on a clean cut-out with no editing app required.

Are my files uploaded?

No. Everything runs in your browser; we never receive your media.

What if the edge still has a blue tint?

Our tool builds the transparency mask but does not desaturate semi-transparent pixels, so a very faint tint can linger on soft edges. Raising Edge shrink is the quickest fix.