Green Yellow Screen
A full-screen solid green yellow color (#ADFF2F). Fill your whole display, or download the green yellow screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a green yellow screen?
A green yellow screen is simply a web page filled edge to edge with one solid color — Green Yellow, hex #ADFF2F, or rgb(173, 255, 47). It is a very light, cool color: in HSL it sits at 84° hue, 100% saturation and 59% lightness, and its relative luminance is 80.6%. green-yellow is one of the standard CSS color names, so it renders identically in every browser.
Green Yellow screen at a glance
How a full-screen green yellow (#ADFF2F) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 81% of a white screen | Bright enough to use as a light source or fill light. |
|---|---|---|
| Blue light | very low (2% of its light) | Very little blue light, so it is gentle on your body clock at night. |
| Night use | Better for daytime | For a night light, turn the brightness down or choose a warmer screen such as red or orange. |
| Text on it | Black text · 17.1:1 | Excellent contrast for captions or signs (WCAG AAA). |
| Display test | green at full power | A dead green sub-pixel shows as a dark dot. |
What people use a green yellow screen for
Because Green Yellow is so light, a green yellow screen doubles as a soft light source: prop a phone or tablet beside you as fill light on a video call, use it as a gentle reading light, or as a backlit surface for tracing.
As a saturated color, green yellow makes a bold backdrop for product photos, thumbnails and streams, and a strong mood light for a desk or party.
Green screens are best known for chroma-key video: streamers and filmmakers fill a display with pure green to key themselves onto a different background. Green is also the channel the eye is most sensitive to, so a green field is a sensitive test for panel uniformity and stuck pixels, and a softer green makes a calm ambient light.
As a test pattern, a flat green yellow field makes a dead or stuck pixel jump out, and it exercises the red and green sub-pixels.
#ADFF2F) — this is also the preview image shown when you share the page.How to use the green yellow screen
The color is already set to Green Yellow (#ADFF2F). Tap Open full screen, or the preview, to fill your whole display with green yellow; press Esc or tap again to exit. To keep a copy, pick a size — a bright color like this makes a great 1080 × 1920 phone light or a 3840 × 2160 TV fill — and tap Download PNG or JPG. The file is created in your browser and saved as green-yellow-screen-1920x1080.png, with no watermark. A flat green yellow 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 Yellow screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 1.23:1 · against black text 17.12:1. See the full Green Yellow color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a green yellow screen
Using two screens side by side, a split display or a green yellow wallpaper with accents? These named colors sit in harmony with Green Yellow on the color wheel:
Build a full scheme from green yellow 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 Yellow
More green screens
Green Yellow screen — FAQ
What is the hex code for a green yellow screen?
A green yellow screen uses the color Green Yellow, hex #ADFF2F — rgb(173, 255, 47). The full-screen view and every download use exactly that value, and green-yellow also works as a CSS color name.
How do I make my whole screen green yellow?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with green yellow 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 yellow screen?
A green yellow screen gives off about 81% of the light of a white screen at the same brightness setting, so it works well as a light source or fill light. About 2% 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 yellow screen?
Black text, with a contrast ratio of 17.1:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.