Online Tool Store
Green Screen Tool
Remove a green or blue screen background from a video with adjustable tolerance, preview the keyed result live, and download a transparent PNG frame. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
Works best with an evenly lit solid green or blue background. Nothing is uploaded.
No video yet - choose one with a green or blue backdrop to key it out.
How the green screen tool works
- Choose a video filmed against a green or blue backdrop.
- Pick the key color and adjust tolerance until the background disappears cleanly.
- Play the preview to see the keyed result live, or download the current frame as a transparent PNG.
The method
Every video frame is drawn onto a canvas and read pixel by pixel. Any pixel where the chosen channel (green or blue) is significantly brighter than the other two - by more than the tolerance you set - has its alpha set to zero, making it transparent.
FAQ
Why does the keying look rough around edges or hair?
Simple color-distance chroma keying (the same basic technique this tool uses) struggles with semi-transparent edges like hair or motion blur. Professional keying tools use edge feathering and spill suppression that this lightweight version does not.
What makes a green screen easier or harder to key?
Even, bright, shadow-free lighting on a flat, saturated green or blue backdrop keys cleanly. Wrinkled fabric, shadows, or clothing that matches the backdrop color all make keying harder.
Can I export the whole video, not just one frame?
This preview exports a single transparent PNG frame at a time. A full transparent-video export (WebM with alpha) is a heavier encoding step not included in this frontend-only version.
Is my video uploaded anywhere?
No. The chroma-key processing runs entirely in your browser on canvas pixel data - nothing is sent to a server.
How we compare
| Feature | Online Tool Store | OBS Studio chroma key | Adobe Premiere Ultra Key |
|---|---|---|---|
| No software install | ✓ | ✗ | ✗ |
| Free, no subscription | ✓ | ✓ | ✗ |
| Spill suppression and edge feathering | ✗ | ✓ | ✓ |
For a quick, no-install preview of a chroma key before committing to a full editing suite, Green Screen Tool is a fast first check.