Green Screen
A full-screen solid green color (#008000). Fill your whole display, or download the green screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a green screen?
A green screen is simply a web page filled edge to edge with one solid color — Green, hex #008000, or rgb(0, 128, 0). It is a mid-toned, cool color: in HSL it sits at 120° hue, 100% saturation and 25% lightness, and its relative luminance is 15.4%. green is one of the standard CSS color names, so it renders identically in every browser.
Green screen at a glance
How a full-screen green (#008000) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 15% of a white screen | A dim glow — easy on the eyes in a dark room. |
|---|---|---|
| Blue light | very low (0% of its light) | Very little blue light, so it is gentle on your body clock at night. |
| Night use | Good | Dim and low in blue light, so a green screen works as a night light without being harsh. |
| Text on it | White text · 5.1:1 | Readable for normal text (WCAG AA). |
| Display test | red and blue switched off | A stuck-on red or blue sub-pixel shows as a bright speck. |
What people use a green screen for
Use it as a green screen for video
Fill a spare monitor, tablet or TV with pure green and you have a compact chroma-key backdrop. It is enough to key out a hand, a small object or a head-and-shoulders shot in streaming software like OBS, or in a video-call background replacement, when a full cloth green screen is overkill.
Spot panel non-uniformity and stuck pixels
The eye is more sensitive to green than to red or blue, so a flat green field is the most revealing test for clouding, banding and mura across a panel, as well as for stuck green pixels.
Calm ambient and accent lighting
A softer green screen makes a relaxed ambient light for a desk or a plant shelf, and a themed backdrop for photos and video.
As a test pattern, a flat green field makes a dead or stuck pixel jump out.
#008000) — this is also the preview image shown when you share the page.How to use the green screen
The color is already set to Green (#008000). Tap Open full screen, or the preview, to fill your whole display with green; press Esc or tap again to exit. To keep a copy, pick a size — 1920 × 1080 for a desktop wallpaper, 1080 × 1920 for a phone or 3840 × 2160 for a 4K TV — and tap Download PNG or JPG. The file is created in your browser and saved as green-screen-1920x1080.png, with no watermark. A flat green image compresses to a few kilobytes even at 4K.
Every resolution, aspect ratio and device tip (phones, TVs, projectors, second monitors) is in the full color screen guide.
Green screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 5.14:1 · against black text 4.09:1. See the full Green color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a green screen
Using two screens side by side, a split display or a green wallpaper with accents? These named colors sit in harmony with Green on the color wheel:
Build a full scheme from green in the color matcher or the palette generator, or blend it into another color with the gradient creator for a gradient wallpaper.
Popular color screens
The colors people reach for most often as a full-screen background or light:
Colors similar to Green
More green screens
Green screen — FAQ
What is the hex code for a green screen?
A green screen uses the color Green, hex #008000 — rgb(0, 128, 0). The full-screen view and every download use exactly that value, and green also works as a CSS color name.
How do I make my whole screen green?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with green and hides its own toolbars; press Esc or tap the screen to come back. To keep it, download it in 1080p, 4K or any size as a free PNG or JPG — no sign-up or watermark.
How bright is a green screen?
A green screen gives off about 15% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 0% of its light is blue (a white screen is 33%), which counts as very low blue light.
What color text is easiest to read on a green screen?
White text, with a contrast ratio of 5.1:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.
Can I use this as a green screen for video?
For a small area, yes. Fill a spare monitor, tablet or TV with this green and use it as a chroma-key backdrop for a hand, an object or a head-and-shoulders shot in OBS, Zoom or your editor. For a full-body green screen a matte green cloth still works better because it avoids screen reflections.