Click to Sample
Green Screen Chroma Key Color Picker
Click anywhere on your live feed below to sample the exact color at that point — averaged over a small area of real pixels to smooth out sensor noise, not a single unreliable point. Get the HEX and RGB values instantly, plus suggested OBS Studio Chroma Key similarity and smoothness settings based on how even your screen's lighting actually measures.
Live — Click to Sample
Start the camera, then click on the green screen area.
Sampled Color
—
—
Suggested OBS Chroma Key Settings
- Similarity:—
- Smoothness:—
Notes
Why the suggested settings vary
Higher measured color noise in the sampled area — shown as the variance figure after you click — means your screen has more lighting unevenness or sensor grain to key around, so the suggested Similarity and Smoothness values widen to compensate. A very even, well-lit screen will suggest tighter settings that key more precisely with less risk of eating into your subject's edges.
Reference
Noise Level to Suggested Settings
| Measured noise (stddev) | Similarity | Smoothness |
|---|---|---|
| Low (even, well-lit screen) | ~200 | ~40 |
| Moderate | ~250 – 350 | ~60 – 90 |
| High (uneven lighting or grain) | 400+ | 120+ |
This tool's own real formula, computed directly from your sampled pixel variance — click your screen above to get your exact numbers.
Step-by-Step
Using This in OBS Studio
- Add a Chroma Key filter. Right-click your camera source → Filters → Add → Chroma Key.
- Set Key Color Type to Custom Color. Click the color swatch and enter the sampled HEX value directly.
- Enter the suggested Similarity and Smoothness. Use the numbers above as a starting point, then fine-tune while watching the live preview — every camera and lighting setup differs slightly.
How It Works
How the Color Sampling Actually Works
Clicking your feed doesn't read a single pixel — a single pixel is too noisy to trust, since sensor noise shifts individual pixel values slightly frame to frame. Instead, this tool averages a small cluster of pixels around your click using the canvas getImageData() API, then converts that averaged RGB value to hex.
The evenness score comes from sampling several points across your green screen and measuring how much they vary from each other. Low variance means uniform lighting and a clean key; high variance flags hotspots or shadows that will show up as translucent patches or edge fringing once you apply the key in software.
Platform Guide
Green Screen Settings in Zoom, Teams, and Google Meet
Zoom is the only mainstream call platform with a manual chroma-key path: ticking I have a green screen under Virtual Background switches Zoom from its default AI segmentation to simple color-difference keying, which is faster and cleaner with a genuine physical screen but needs even lighting to avoid fringing.
Teams and Google Meet expose no manual chroma-key controls at all — both rely entirely on their own background-segmentation models regardless of whether you have a physical screen behind you, so the exact hex and similarity values from this tool are specifically useful for OBS, and don't carry over to those two platforms.
Setup
Fabric, Lighting, and Camera Settings That Affect Keying
Wrinkled or glossy fabric catches light unevenly and reads as several slightly different greens rather than one, which is exactly what pushes the evenness score down. A matte, well-ironed screen lit from both sides evenly outperforms a more expensive screen lit from one angle.
Lock your camera's white balance before sampling if the option is available. Auto white balance can shift the green's exact hue mid-stream as lighting changes, which drifts the color this tool measured out from under the OBS settings you configured against it.
Common Questions