Gray Screen
Fill your entire screen with solid gray, instantly, with an adjustable shade slider from near-black to near-white. Useful for calibration checks, grayscale testing, or a neutral background. No install, no sign-up.
What people use a gray screen for
Monitor and TV calibration
A neutral mid-gray field is a standard reference used alongside white and black points when checking whether a display is rendering gray as truly neutral, or with a visible color tint.
Grayscale and contrast testing
Solid gray at an adjustable shade lets you check how evenly a panel renders a single tone across its surface, useful for spotting backlight bleed, clouding, or uniformity issues that pure white or black can hide.
Camera and video white balance reference
Photographers and videographers use a neutral gray field as a manual white balance or exposure reference when a dedicated gray card isn't on hand.
A neutral background for screenshots or streaming
Solid gray at a chosen shade gives you a plain, unobtrusive backdrop that doesn't compete with foreground content the way pure white or black sometimes can.
Reducing eye strain during long reading sessions
A mid-tone gray field, dialed to a comfortable shade with the slider, is easier on the eyes than a bright white background during extended screen time in low light.
Testing OLED gray uniformity and banding
OLED panels can show subtle color banding or a faint tint shift across a smooth gray gradient. Adjusting the shade slider slowly across the full range helps reveal banding a single static gray would miss.
Why gray is the most revealing color on a screen
How displays render gray
A digital display produces gray by driving its red, green, and blue subpixels at equal, matched intensities. In theory this always produces a neutral tone. In practice, manufacturing tolerances, panel aging, backlight color temperature, and factory calibration settings all introduce small imbalances, which is why the same gray hex code can look faintly warm on one monitor and faintly cool on another sitting right next to it.
Why the shade slider matters
A single fixed gray only tests one point on the brightness range. Sliding continuously from near-black to near-white lets you check for banding, a visible stepping effect where the display can't render a truly smooth gradient, and lets you compare how a tint shifts or stays consistent as brightness changes.
Common gray shades and what they're used for
| Shade | Approx. hex | Typical use |
|---|---|---|
| Near-white gray | #e5e5e5 | Soft background, reduced glare vs. pure white |
| Light gray | #c0c0c0 | Classic 'Silver' web gray, UI neutral |
| Mid gray (18% reference) | #808080 | Closest common match to photography's 18% gray card |
| Dark gray | #404040 | Low-glare reading background, OLED-friendlier than mid gray |
| Near-black gray | #1a1a1a | High contrast dark UI backdrop |
Use the shade slider above to move between these reference points and beyond, rather than needing separate tools for each shade of gray you want to test or use as a background.
Using gray to spot display problems
Backlight bleed and clouding
A dark gray shade in a dim room reveals backlight bleed and clouding, uneven patches of light escaping around the edges or corners of an LCD panel, more clearly than pure black, since gray gives your eye enough of a baseline tone to notice brightness deviations against.
Panel uniformity
A mid-gray field is one of the most common tests used to check whether a panel renders a single flat tone evenly across its whole surface, or whether some areas look slightly brighter, darker, or tinted compared to others.
Color tint detection
Because true gray has no dominant hue, any color cast, a warm yellow tinge or a cool blue tinge, shows up more obviously than it would against a color that already has its own strong hue to compete with.
Banding and gradient smoothness
Slowly moving the shade slider across its full range and watching for visible steps, rather than a smooth transition, reveals color banding, which is more common on lower bit-depth panels and some compressed video outputs.
Gray as a white balance and exposure reference
For color-critical professional work, a printed or physical gray card remains more reliable than an on-screen tone, since screen brightness, ambient reflections, and display calibration all introduce variables a printed card does not have. For casual use, quick reference shots, or checking a camera's white balance behavior, an on-screen gray field is a fast, always-available substitute.
Gray vs. white as a reading or background color
| Setting | Better choice | Why |
|---|---|---|
| Bright room, daytime | White or light gray | Matches ambient brightness, avoids excessive contrast with surroundings |
| Dim room, evening | Mid to dark gray | Reduces glare and light intensity relative to a dark room |
| OLED device, any time | Darker gray shades | Individually lit pixels draw less power at lower brightness levels |
Different phrasings, same tool
If you're testing a display for dead or stuck pixels rather than checking calibration or uniformity, the dedicated dead pixel test tool cycles through the specific colors most likely to expose that kind of defect.
Gray in broadcast, print, and manufacturing
Broadcast and film color grading
Video colorists use neutral gray reference charts, alongside a waveform monitor and vectorscope, to set an initial white balance before color grading a shot. A scene with a known neutral gray object in frame gives the colorist a fixed anchor point, since any color cast on that gray patch reveals exactly how far the whole shot has drifted from neutral.
Print and prepress proofing
Commercial printers check gray balance, whether cyan, magenta, and yellow ink combine to produce a neutral gray rather than a tinted one, as a core quality control step, since a shifted gray balance means every other color in a print job is also off from its intended target.
Display manufacturing QA
Panel manufacturers test grayscale tracking across the full brightness range as part of factory calibration, checking that a screen renders every step from black to white along a truly neutral path rather than drifting warm or cool at certain brightness levels.
Medical and scientific imaging
Grayscale accuracy is critical for reading diagnostic images like X-rays and MRIs, where subtle tonal differences carry real diagnostic meaning. Medical-grade displays are calibrated and periodically re-verified against strict grayscale standards for exactly this reason.
Grayscale tracking and gamma explained
Grayscale tracking
This refers to how consistently a display keeps gray neutral across its entire brightness range, from near-black to near-white, rather than at just one point. A panel can render a mid-gray perfectly neutral while a darker or lighter gray on the same screen shows a visible tint, which is exactly what slowly sweeping the shade slider above is designed to reveal.
Gamma
Gamma describes the relationship between an input brightness value and the actual light a display outputs, which is not a straight line but a curve. Standard displays target a gamma of approximately 2.2. Incorrect gamma makes midtone grays appear either too dark and contrasty or too flat and washed out, even when the color balance itself is neutral.
A simple by-eye calibration routine using this tool
- 1
Set the room to normal viewing light
Extreme lighting conditions, very bright or very dark, will bias how neutral gray appears to your eyes. Use whatever lighting you normally work or watch content in.
- 2
Go full screen at the default mid-gray
Look for an obvious color cast first: does the gray look faintly green, pink, blue, or yellow rather than neutral?
- 3
Sweep the slider slowly toward black
Watch whether the tint stays consistent or shifts as the gray darkens. A shift indicates poor grayscale tracking in the shadow range specifically.
- 4
Sweep the slider slowly toward white
Repeat the same check toward the highlight range. Some panels track well in shadows but drift in highlights, or vice versa.
- 5
Compare against a second device
If available, open this tool side by side on a second, known-good display at the same shade value. A direct comparison makes subtle tints far easier to spot than judging a single screen in isolation.
Gray in UI design and dark mode
Why interfaces avoid pure black and white
Most well-designed interfaces use off-white and dark gray rather than pure white (#FFFFFF) and pure black (#000000) for backgrounds and text, since the maximum possible contrast between true black and true white can feel harsh and cause more eye fatigue during extended reading than a slightly softened gray-based palette.
Dark mode is built on gray, not black
Despite the name, most dark mode interfaces use dark gray surfaces rather than pure black, both for the eye-comfort reason above and because pure black on an OLED screen can make text appear to shimmer or halo against zero-light pixels, an effect dark gray avoids.
Gray, grey, and the words people search for this tool
“Gray” is the standard American English spelling, while “grey” is standard in British, Australian, and most other English-speaking regions outside the United States. Both spellings refer to the identical color with no difference in meaning, which is why this tool answers to both without distinction. The same split doesn’t apply consistently across brand names and technical standards, some international companies and hex color naming conventions default to one spelling regardless of regional audience, which is part of why both versions remain in common use even within a single country.
Why the same gray can look warm or cool depending on context
A truly neutral gray placed next to a warm orange background can appear slightly cool or blue-tinted by comparison, while the identical gray placed next to a cool blue background can appear slightly warm. This is a genuine perceptual effect rather than an actual color shift, which is exactly why testing gray in isolation, full screen, with no competing colors in the frame, gives a more reliable read on a display's true calibration than judging a small gray swatch next to other UI elements.
Grayscale test patterns used in professional calibration
| Pattern | What it isolates |
|---|---|
| Flat gray field | Overall tint, uniformity, and backlight bleed at a single fixed brightness. This is what this tool's default view provides. |
| Grayscale ramp / gradient | Banding and tracking consistency across the full brightness range, approximated by slowly sweeping this tool's shade slider. |
| Grayscale step chart | Distinct brightness steps (often 5% or 10% increments) used to verify a display can distinguish adjacent near-black or near-white tones separately, rather than clipping them to the same value. |
| Checkerboard gray pattern | Localized uniformity across specific screen zones simultaneously, rather than one flat field alone. |
This tool covers the first two patterns directly. For step-chart or checkerboard-style precision testing, dedicated calibration software paired with a hardware colorimeter is the appropriate next step, since those patterns are designed to be measured objectively rather than judged by eye.
Gray screen checks across device types
Desktop and external monitors
Check uniformity corner to corner at a mid-gray shade in a dim room, since backlight bleed and clouding are most common near the edges of larger LCD panels and are easiest to spot against a flat mid-tone rather than pure white or black.
Laptops
Tilt the lid through its full range of motion while viewing a mid-gray field. Some laptop panels, particularly lower-cost TN-type LCDs, shift color or contrast noticeably at off-angles, which shows up clearly as a gray field appearing to shift warm, cool, or washed out as the angle changes.
Phones and tablets
OLED phone screens rarely show backlight bleed, since there's no shared backlight, but they can show a subtle color cast at very low brightness levels. Sweep the shade slider toward near-black at your device's lowest usable brightness setting to check.
Projectors
A mid-gray projected image reveals lamp hotspots, color uniformity issues across the projection surface, and keystone-related brightness falloff more clearly than a full white field, which tends to wash out these subtler variations.
Why gray is treated as a foundational reference across so many fields
The common thread across every professional use of gray covered above, calibration, white balance, print proofing, medical imaging, is the same underlying property: gray is the one color where any deviation from the intended target is immediately, unambiguously visible, because there's no competing hue to explain away or mask it. A red that's slightly too orange can be dismissed as an intentional creative choice. A gray that's slightly too orange cannot be explained any other way; it simply means something in the chain, capture, processing, or display, introduced an error. That's what makes gray such a reliable diagnostic anchor rather than just an aesthetic middle ground between black and white.
This same property is exactly why this tool exists as a dedicated page rather than folding gray into the general Color Screen Test picker. A shade slider purpose-built to sweep smoothly and precisely through the full gray range, from near-black to near-white, gives a faster and more controlled way to run the kind of full-range grayscale check described in the practical calibration routine above than manually selecting individual greys from an open-ended color picker one at a time. The speed of that sweep matters in practice: a slow, continuous slide across the range makes banding, tint shifts, and tracking inconsistencies far easier to catch than jumping between a handful of fixed points.
None of this requires professional equipment to be useful. The by-eye routine outlined earlier in this page, checking for an obvious tint at the default mid-gray, then sweeping toward black and white while watching for a shift, catches the overwhelming majority of visible display problems a typical user is likely to encounter, whether that's confirming a suspicion about a laptop screen before a warranty window closes or simply satisfying curiosity about why a monitor's whites have always looked a little cool.
Interpreting what you see: a practical decision guide
If the entire screen shows a single, consistent tint at every shade you test, warm, cool, green, or pink, and that tint stays exactly the same whether you're near black or near white, the most likely explanation is a global color temperature or calibration setting rather than a hardware fault. Most operating systems and monitors include a color temperature or "night light" style setting that shifts the whole display warmer or cooler uniformly, and checking those settings before assuming a hardware problem saves a lot of unnecessary troubleshooting.
If the tint changes depending on where you are in the shade range, present and obvious in dark grays but absent or reversed in light grays, or vice versa, that points toward a genuine grayscale tracking issue in the display itself rather than a simple global setting, since a uniform software-level color shift would affect every brightness level equally. This is the scenario dedicated calibration hardware is built to correct through per-channel gamma adjustment, something a software color temperature slider alone typically cannot fully fix.
If the tint or brightness is inconsistent across different areas of the same screen at a single fixed shade, brighter in the center and dimmer at the edges, or a distinct patch that stands out from the surrounding field, that's a uniformity problem specific to that individual panel, most often backlight-related on LCD displays, rather than a calibration issue that would affect the whole screen equally. Uniformity problems are generally not correctable through software or calibration, since they stem from physical variation in how evenly the backlight or individual OLED pixels are lit across the panel.
And if you only notice an issue on this tool's darker shades and nowhere else in daily use, that's expected and not necessarily a defect: many displays, LCD panels especially, have inherently less precise control at the very bottom of their brightness range simply due to how backlight dimming and liquid crystal response work at low light output, a known limitation of the technology rather than a fault with your specific unit.
Gray and calibration terms explained
Grayscale tracking
How consistently a display keeps gray neutral, with no color tint, across its full brightness range from black to white.
Gamma
The mathematical curve describing the relationship between an input brightness value and the light a display actually outputs. Standard displays target roughly 2.2.
White point
The exact color temperature a display treats as pure white, commonly targeted at 6500K (D65) for standard content viewing.
Color temperature
A measurement in Kelvin describing how warm or cool a light source appears, with lower numbers reading warmer/more orange and higher numbers reading cooler/more blue.
Colorimeter
A hardware sensor placed against a screen to measure its actual color and brightness output objectively, used alongside calibration software for precision correction.
Backlight bleed
Uneven light escaping around the edges or corners of an LCD panel, most visible against dark or gray content in a dim room.
Banding
Visible stepping between adjacent tones in what should be a smooth gradient, often caused by limited color bit-depth.
18% gray / middle gray
A standard photography reference tone reflecting about 18% of incident light, used to calibrate camera light meters and white balance.
Common questions
How do I make my screen gray?
Click "Go Full Screen" above. Your display fills with solid gray using your browser's Fullscreen API. Use the shade slider first if you want a specific lightness before going full screen.
What is 18% gray and why does photography use it?
18% gray, sometimes called middle gray, is a standard reference tone that reflects about 18% of the light hitting it, chosen because it approximates the average reflectance of a typical scene. Camera light meters are calibrated around it, which is why photographers carry physical 18% gray cards. On this tool, the default mid-gray shade is the closest practical on-screen approximation.
Why does gray look slightly different on different screens?
Gray is the color most sensitive to a display's color calibration, since it should contain equal parts red, green, and blue with no tint. Panels with a color temperature that's slightly warm or cool will render the same gray hex code with a faint yellow, blue, or green cast, which is exactly why gray is used as a calibration reference in the first place.
Can I use this to calibrate my monitor?
This tool gives you a controllable, adjustable gray reference for visual, by-eye checks, useful for spotting an obvious tint or uniformity problem. It is not a substitute for a hardware colorimeter or dedicated calibration software if you need precision color accuracy for professional photo or video work.
What's the difference between this and the Color Screen Test tool?
The Color Screen Test tool is built around picking any custom color or cycling through primary color presets for dead pixel testing. This tool is focused specifically on gray, with a dedicated shade slider that moves smoothly from near-black to near-white, which is faster than picking gray shades manually from a general color picker.
Is gray easier on the eyes than white?
For many people, yes, particularly in dim rooms or during long reading sessions. A full white screen at maximum brightness emits significantly more light than a mid or dark gray screen, which can cause more eye strain over extended use. Adjusting the shade slider lets you find a level that feels comfortable rather than being locked to either extreme.