By · Updated

Virtual Green Screen Online

Paint the Webcam Background Green, Blue or Magenta Live, With a Keyable PNG

No ratings yet

OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.

How the Virtual Green Screen works

This virtual green screen needs no physical backdrop. Press Start camera and allow access. Once the model has loaded, everything behind you is painted flat chroma green — or blue, magenta, white or black from the Key colour menu — while you stay as the camera sees you. Snap saves the frame as a PNG that any chroma-key filter, in OBS, DaVinci Resolve, Premiere or a thumbnail editor, will key cleanly. The rule-of-thirds grid helps you frame yourself the way the final composite will need.

A green screen works because a keyer removes one flat colour, and a physical screen exists only to put that colour behind you evenly. If a model can tell which pixels are you, it can paint the rest of the frame that colour without any fabric, lights or clamps. That is all this page does: MediaPipe's selfie segmenter produces a per-pixel probability that each pixel is a person, the tool fills the frame with the key colour, and then draws you on top with the probability as your alpha.

Why use a virtual green screen at all

Chroma keying is the most reliable way to put a person over a different background, and every video tool understands it. OBS Studio, DaVinci Resolve, Premiere Pro, Final Cut, CapCut and iMovie all ship a chroma key effect, and most of them expect green. What they cannot do well is key a normal room: a bookshelf has no single colour to remove. A real screen fixes that, but a decent collapsible one costs £50–150, needs two soft lights to stay even, and takes a corner of the room. For a thumbnail, a profile picture or a short explainer clip, a painted screen gets you to the same keyable frame in seconds.

Where it gets used

Choosing the key colour

Green is the convention because camera sensors have twice as many green photosites as red or blue, so green is the cleanest channel to key, and because almost nobody has green skin or hair. Pick Blue if you are wearing green or holding a plant; Magenta if you are wearing both, since nothing natural is that colour. White and Black are not chroma keys at all but are useful for a quick cut-out preview, a passport-style backdrop, or matching a slide.

Why the softness default is low here

On the background remover a soft edge blends you into a blurred backdrop and hides the seam. A keyer wants the opposite: a crisp boundary between you and pure green, because any half-green pixels in the fringe become half-transparent after keying and read as a glowing outline. Six percent softness is enough to stop the edge from looking stair-stepped without creating spill. If your editor's keyer has its own edge-feather control, use that instead and drop this to zero. Edge threshold sets how sure the model has to be before a pixel counts as you; raise it if a halo of background clings to your outline, lower it if your hair is being clipped.

Tips and pitfalls

What a snap contains

The PNG is the full camera-resolution frame — typically 1280 × 720 — with the key colour baked in as ordinary opaque pixels. If you want the background removed rather than painted, the background remover with Transparent selected saves a real alpha channel instead and skips the keying step entirely.

How to read the result

The stats show Frame filled by you as a percentage. A head-and-shoulders webcam shot is typically 25–45%; under 10% usually means you are far from the camera or the model has lost you, and a figure that jumps around while you sit still points to poor lighting. Look at the edge of your hair and shoulders in the preview: a thin, clean line against flat green is what a keyer wants.

Limits worth knowing

The segmenter runs at a fixed low resolution and has no idea what is a person beyond what it learned from training photos, so a hand held out towards the camera, a coffee mug or a headset boom can be cut out or kept unpredictably. It also cannot see through a translucent object — a glass of water in front of you becomes solid you. For a live stream, a real screen still wins; for a thumbnail, a profile picture or a quick composite, this is a great deal less effort.

FAQ

Can OBS or Zoom use this as a camera?

No — a web page cannot register itself as a camera device for other apps. Use it to snap keyable frames, or to check how you frame against a flat colour before setting up the real thing. OBS's own Background Removal plugin does the same job live inside OBS.

The green bleeds onto my edges. How do I fix it?

Set Edge softness to zero so the alpha is binary, and raise Edge threshold a few points so the model keeps only pixels it is confident about. What is left is a hard edge that keys without spill; most keyers then let you choke the matte a pixel or two to tidy it.

Why is "Frame filled by you" useful?

It is the percentage of the picture the model thinks is person. Keyers and thumbnail layouts usually want you occupying a third to a half of the frame; if the number reads 80 you are too close, and if it reads 10 you are a dot in a sea of green.

Does anything get uploaded?

No. The model runs in WebAssembly inside the page, the camera stream stays in the tab, and the PNG is generated and downloaded locally. There is no server endpoint that could receive a frame even if the page wanted to send one.

Which browsers work?

Chrome, Edge, Firefox and Safari on desktop, plus Chrome and Safari on phones. The first start downloads about 12 MB of model and runtime, which is then cached.

See also: all Video & Screen tools, Images, Audio, PDF, SVG, Simulations & Screensavers, Generative Art, Chart Makers, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.

Related tools