Color Screen

Gray Screen

A full-screen solid gray color (#808080). Fill your whole display, or download the gray screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.

1920 × 1080 px · #808080
Color
Resolution
Aspect ratio
Custom size (pixels)
×
Advanced — print resolution (DPI)
Embedded in the PNG for print workflows. Screen use can leave this at 72.

What is a gray screen?

A gray screen is simply a web page filled edge to edge with one solid color — Gray, hex #808080, or rgb(128, 128, 128). It is a mid-toned, neutral color: in HSL it sits at 0° hue, 0% saturation and 50% lightness, and its relative luminance is 21.6%. gray is one of the standard CSS color names, so it renders identically in every browser.

Turning a display into a single flat color is more useful than it sounds — as a light source, a test pattern, a video or photo backdrop, or ambient lighting. This page is that color, ready to open full screen or download, with no app to install and nothing uploaded anywhere.

What people use a gray screen for

The neutral panel-uniformity test

A flat mid-gray field reveals clouding, banding, mura and uneven backlighting more clearly than white, because your eye is not distracted by full brightness. It is the field professional calibrators look at when judging a panel.

Glare-free reading and focus background

Neutral gray reflects less light than white, so a gray screen behind or beside your work reduces glare and eye strain, and makes a calm, distraction-free background for writing or thinking.

Colour-accurate photo and video backdrop

A neutral gray backdrop does not cast colour onto a subject, which is why it is the standard studio background for colour-critical photography and for setting white balance.

Beyond that, a gray screen is handy for all the things any solid-color screen is good for:

Gray screen preview — a full-screen solid gray color, hex #808080, rgb(128, 128, 128)
The gray screen (#808080) shown full-frame. This same image is generated automatically as the share preview when you post the gray screen to Pinterest, Facebook or X — no manual upload needed. Open it full screen above, or download it in 1080p, 4K or a custom size.

How to use the gray screen

  1. The color is already set to Gray (#808080). Use the color box or hex field above if you want to nudge it.
  2. Pick a resolution — tap 480p, 720p, 1080p, 1440p or 4K, choose an aspect ratio, or type an exact width and height.
  3. Preview — the panel shows the exact pixel size and color you will get.
  4. Open full screen — tap the button or the preview and your entire display fills with gray. Press Esc or tap the screen to exit.
  5. Download — tap Download PNG or Download JPG to save a gray image at the size you chose.
  6. Share — the share buttons post this exact gray screen, with a matching preview image, to Pinterest, Facebook, X, Reddit, WhatsApp and more.

Gray screen resolutions

Every preset produces a clean, exact gray image — a solid color compresses to a tiny file even at 4K. The presets below are 16:9; switch the aspect ratio for 16:10, 21:9 ultrawide, 4:3, 3:2, square (1:1) or 9:16 portrait, or use Fit my screen to match your device exactly.

NamePixels (16:9)Best for
480p854 × 480SD — small previews, quick tests
720p1280 × 720HD — laptops, older monitors, video calls
1080p1920 × 1080Full HD — the most common desktop and TV size
1440p2560 × 1440QHD — high-resolution monitors
2160p (4K)3840 × 2160Ultra HD — 4K TVs and monitors

Need something else? Type any width and height up to 16384 px — common choices are 1080 × 1920 for phones, 1080 × 1080 for social posts and 3840 × 2160 for 4K TVs. The Advanced panel adds a real DPI value to the PNG for print.

How to download the gray screen

Set the size you want, then tap Download PNG for a lossless file (best for a flat color) or Download JPG for maximum compatibility. The image is generated in your browser and saved straight to your device as gray-screen-WIDTHxHEIGHT.png — nothing is uploaded, there is no watermark, and it is free to use for wallpapers, backgrounds, video, signage or print.

Using a gray screen on any device

Phone & tablet — open this page in your browser and tap Open full screen; on iPhone and iPad, turn the auto-lock off first if you want it to stay on, and hide the browser bars by tapping full screen. Laptop & desktop — full screen hides the taskbar and menu bar for a true edge-to-edge gray field; move the window to a second monitor first if you are using it as bias lighting. TV & projector — open the page in the built-in browser, or download the 4K image and open it from a USB stick or a casting app for a rock-steady gray screen.

Gray screen color codes

The full-screen color and every download use exactly these values. Tap any row to copy it.

Hex#808080
RGBrgb(128, 128, 128)
RGB %50%, 50%, 50%
HSLhsl(0, 0%, 50%)
HSV / HSBhsv(0, 0%, 50%)
CMYKcmyk(0%, 0%, 0%, 50%)
OKLCHoklch(60% 0 90)
Closest web-safe#999999
Closest CSS nameGray (exact)

Contrast against white text 3.95:1 · against black text 5.32:1. See the full Gray color page for harmonies, shades and tints, or open it in the color picker.

Popular color screens

The colors people reach for most often as a full-screen background or light:

Colors similar to Gray

More gray and black screens

Browse every color screen →

Gray screen — FAQ

What is the hex code for a gray screen?

A gray screen uses the color Gray, hex #808080rgb(128, 128, 128). The full-screen view and every download use exactly that value, and gray also works as a CSS color name.

How do I make my whole screen gray?

Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with gray and hides its own toolbars. Press Esc, or tap the screen, to come back. It works on phones, tablets, laptops, desktops and most smart-TV browsers.

Can I download the gray screen in 1080p or 4K?

Yes. Tap a resolution preset — 480p, 720p, 1080p, 1440p or 4K (3840 × 2160) — or type any custom width and height, then tap Download PNG or Download JPG. A solid gray image stays a very small file even at 4K.

Is the gray screen free to use?

Completely. There is no sign-up, no watermark and no limit. The image is created in your browser and never uploaded, so you can use the gray screen for wallpapers, video backgrounds, streaming, signage, photography or print at no cost.

Can I use a gray screen to check for dead pixels?

Yes. Open the gray screen full screen and look closely for dots that stay the wrong color — a stuck or dead pixel breaks the flat field. For a complete check, repeat with the white, black, red, green, blue screens too.