Skip to content
Display health

Monitor Color Test

Solid colors, gradients & grayscale.

Colors, grays & gradients Custom HEX Stays awake

Before you start

Dim the lights and clean your screen — smudges look like defects. Then choose how the test runs. You can navigate and pause once it's full screen.

Everything runs locally in your browser — nothing is uploaded.

What each screen reveals.

Every field is designed to make one kind of flaw obvious. Move slowly, dim the room, and look right into the panel.

Solid primaries & secondaries

Pure red, green, blue, cyan, magenta and yellow check color purity. A primary should look clean and saturated — a pink-ish red or muddy green hints at a color cast or worn panel.

White & black

White exposes tints, dirty patches and backlight bleed; black reveals glow, clouding and how deep your blacks really go. Both are the best test of uniformity.

Grayscale steps

Stepping 0 → 25 → 50 → 75 → 100% checks that each gray is neutral, not tinted, and that you can distinguish near-black and near-white tones (good shadow and highlight detail).

Smooth gradients

Continuous grayscale and RGB ramps expose banding — visible steps where the blend should be seamless. Smooth ramps mean a true high-bit-depth pipeline.

About the Monitor Color Test

This Monitor Color Test turns your whole screen into a series of controlled color fields so you can judge how accurately and evenly your display reproduces color. Instead of squinting at a busy photo, you fill the panel with one pure tone at a time, then with smooth gradients, and let your eyes do the work. It runs entirely in your browser, with nothing to install, so you can check a brand-new screen in minutes or revisit an old one when something starts to look off.

The test cycles through three kinds of screens. Solid color fields show the primaries and secondaries (red, green, blue, cyan, magenta, yellow) plus white and black, which is where color purity and panel uniformity become obvious. Grayscale steps walk from black to white in even increments so you can confirm each gray is neutral rather than tinted. Finally, smooth grayscale and RGB gradients reveal banding & abrupt steps where the blend should be seamless.

How to use the monitor color test

First, dim the room and wipe the screen, since smudges and reflections are easy to mistake for defects. Pick an auto-cycle speed or choose manual mode, and optionally type a HEX value to add a specific color to the end of the run. Launch the full-screen test and step through each field with the arrow keys, a click, a tap, or a swipe; press space to pause on anything that looks suspicious. Move slowly and look straight into the panel rather than at an angle, because viewing-angle shifts can hide or exaggerate problems.

Reading the color test images

Each of these color test images is built to expose one flaw at a time. On a solid red, green or blue field, the color should look clean and saturated; a pinkish red or a muddy green hints at a color cast or an aging panel. White is the best place to catch tints, dirty patches and backlight bleed, while black reveals glow, clouding and how deep your blacks really go. On the gradient screens, watch for visible bands instead of a continuous ramp, which usually points to a lower-bit-depth pipeline or heavy compression somewhere in the chain.

Phones, laptops and an iPhone color test

Because the fields scale to any resolution, the same routine works as a quick laptop, tablet, TV or iPhone color test. On a phone, hold it at a comfortable distance and tilt it slightly to check how stable the colors stay across angles; OLED screens in particular can show faint tints or uneven brightness on near-black fields. Touch controls, swipe navigation and a wake lock keep the display from sleeping mid-test, so you can take your time on a small screen without it dimming or locking.

Why does any of this matter? If you edit photos, grade video, design, or simply want a screen that looks right, obvious color casts and visible banding undermine everything you see. Running these monitor color test images before you trust a display, or before the return window closes on a new device, helps you separate a genuinely good panel from one that needs adjusting or sending back. Keep in mind this is a visual check, not a hardware calibration; it will not measure exact values, but it is excellent for spotting the problems that matter most, for free and in seconds.

Frequently asked questions

How do I test my monitor colors?

Run this free monitor color test in your browser, then click Start to fill the screen with one pure color at a time. Step through white, black, the primaries and the gradient screens in a dimly lit room and watch for tints, patches or banding. There is nothing to install and nothing is uploaded, so you can check any screen in under a minute.

How do I know if my monitor colors are accurate?

Look for problems by eye: a red field should be pure red (not pink or orange), white and gray should be neutral with no green, pink or blue cast, and the gradient screens should blend smoothly without visible steps. If everything looks clean and even, your colors are likely fine for everyday use. Be honest about the limit, though — a visual test like this spots obvious faults but cannot measure exact accuracy the way a hardware colorimeter does.

What is color banding and how do I check for gradient banding?

Banding is when a smooth gradient shows up as visible bands or steps instead of a seamless blend. It often points to a lower-bit-depth panel (such as 6-bit + FRC), low-quality GPU output or heavy compression somewhere in the chain. Open the grayscale and RGB gradient screens in this monitor color test — a good display shows an almost imperceptible ramp with no clear stripes.

How do I check my screen for uniformity and tint?

Use a full-screen solid white or gray field and look across the whole panel for dark patches, color shifts, clouding or brightness that drops off toward the edges and corners. White is best for catching tints and dirty-screen effect, while black reveals backlight bleed and glow. Run these flat fields here in a dark room and view the screen straight on, since viewing-angle shifts can fake or hide a problem.

Where can I get solid color images for testing my screen?

You do not need to download any monitor color test images — this tool generates pure full-screen color fields live, so they are always crisp at your exact resolution with no JPEG compression to add false banding. Click Start and step through white, black, the primaries and secondaries, or type a custom HEX value to add your own color to the end of the cycle. That avoids the compressed test images that often create artifacts of their own.

Why does my monitor have a color tint or washed-out colors?

A persistent tint or washed-out look usually comes from the wrong color-temperature, gamma or color-profile setting, an aging backlight, or sometimes a panel defect. Use the white and gray screens here to confirm the cast, then reset your display to its default or sRGB picture mode and check your operating system color profile and gamma. If the tint stays on a brand-new screen, it may be a hardware fault worth returning.

Can I calibrate my monitor with this color test?

Not exactly — this is a visual test, not true calibration. It helps you judge color, tint, banding and uniformity by eye so you can decide whether to adjust your settings or return a new screen, and you can pair it with your built-in Windows or macOS calibration wizard for free improvements. Real calibration that measures and sets exact values needs a hardware colorimeter, but for most people this test catches the problems that matter most.

How do I test the colors on my iPhone screen?

Open this tool in Safari on your iPhone and tap Start to run the same full-screen iphone color test. Tap the right half for the next color and the left half for the previous one, and the screen stays awake while you check for tints, dead pixels or uneven brightness. If colors look off, also check that Night Shift, True Tone and any accessibility color filters are turned off first.

Why do OLED and LCD screens show colors differently?

OLED panels light each pixel individually, so they produce true blacks and very saturated colors but can show faint tints or uneven brightness on near-black and gray fields, especially off-angle. LCD and LED screens rely on a backlight, so they tend to be more uniform on bright fields but may reveal backlight bleed and glow on black. Run the black, gray and near-black screens here to see how your specific panel behaves.

When should I test my monitor colors?

The most important time is right after buying a new monitor, phone or laptop, while you can still return it within the warranty window if you spot banding, a tint or dead pixels. It is also worth a quick check if colors suddenly start looking off, before color-critical work like photo editing, or after changing display settings or cables. For everyday use a once-in-a-while visual pass with this monitor color test is plenty.