Monitor Testing

Monitor Test: Check Color, Brightness, Contrast, Gamma, and Sharpness

This monitor test uses a set of test patterns to check your display's color accuracy, contrast, gamma, brightness, viewing angle, sharpness, and aspect ratio, all in your browser with no download needed. Work through each pattern to see how your screen actually performs, not just what the spec sheet claims.

Mode 1 of 8
Pattern variant
Keyboard shortcuts: ←/→ step through the current mode's variants, then advance to the next/previous mode once you reach the end, F fullscreen, Esc exits fullscreen.

What this monitor test checks

A monitor's spec sheet gives you numbers, but numbers don't always match what you actually see once color modes, cables, and settings enter the picture. This tool gives you a set of known, consistent reference patterns, solid colors, gradients, contrast blocks, grid lines, geometric shapes, so you can judge your screen against something reliable rather than guessing based on whatever you happen to be looking at.

How to use the monitor test

  • If your monitor has just powered on, give it 15 to 30 minutes before judging color or gamma, panel brightness and color temperature can shift noticeably while warming up.
  • Switch your display out of "Vivid," "Gaming," or "Dynamic" picture modes into a neutral or sRGB mode, enhancement modes distort color and contrast in ways that make accurate judgment difficult.
  • Confirm your system's output resolution matches your panel's native resolution, scaling can introduce blur that has nothing to do with your monitor's actual sharpness.
  • Go fullscreen for each test pattern so browser toolbars and taskbars don't interfere, especially near the edges where issues are easiest to miss.
  • Judge from your normal seating distance after any close-up inspection, some things visible up close don't actually matter during real use.

What your results mean

Color and color gradient

The color test shows solid reference colors and full gradients so you can spot two different things: whether colors look correct, and whether smooth transitions show visible banding instead of a clean gradient.

Professional color accuracy is measured using a metric called ΔE (Delta E), which describes how far a displayed color drifts from its intended target, the lower the number, the closer the match. As a general reference point, a ΔE under 2 is considered professional-grade accuracy, and under 3 is generally considered excellent for everyday use. A visual test like this one can't calculate an exact ΔE number for you, but comparing familiar reference colors, skin tones, pure red, pure blue, neutral gray, against what looks natural to your eye gives a reasonable practical read on whether your color is roughly in the right range.

If you see visible stepping or banding in the gradient test rather than a smooth transition, that's often related to color depth. Standard 8-bit color tops out at 256 steps per channel, which can show visible banding in long, subtle gradients. 10-bit color maps the same range into 1024 steps, producing noticeably smoother transitions. Many fast gaming panels actually use 6-bit color with dithering (sometimes called FRC) to simulate higher depth, which can occasionally show faint banding or a slight shimmer in extreme gradient tests, that's a known characteristic of that panel type rather than necessarily a fault.

Contrast and black level

Contrast ratio compares your display's brightest white against its deepest black. As a simple example, a display reaching 300 nits of white with a black level of 0.3 nits lands at a 1000:1 ratio, if that same display's black level drops to 0.1 nits at the same white level, the ratio improves to 3000:1. A wider gap between white and black gives dark scenes more room to show detail instead of collapsing into a flat, featureless block.

The contrast test pattern typically shows near-black steps close together so you can check whether you can distinguish them, or whether they all just look like solid black, a sign of what's called black crush. It also shows near-white steps to check the opposite problem, highlight clipping, where bright details merge into one flat white area instead of staying distinct.

Gamma

Gamma describes the curve your display uses to translate an input brightness value into what's actually shown on screen, and it has the biggest effect on how midtones and shadows look rather than the extremes of pure black or white. The standard reference point for SDR desktop use, gaming, and general content is a gamma of 2.2. If your gamma is set noticeably higher or lower than that, midtones can look either washed out and flat, or unnaturally dark and crushed, even if your brightness and contrast settings seem fine on their own.

This test gives you a visual pattern to judge your gamma against that reference point, worth being clear that this is a practical, useful check rather than an exact calibrated measurement, since only dedicated calibration hardware can read your actual gamma curve precisely.

Brightness

The brightness test helps you find a level where near-black and near-white detail both stay visible without the image looking washed out or straining your eyes. Very high brightness in a dark room, or brightness set too low for a bright room, both work against you here, brightness should be adjusted for your actual lighting conditions, not maxed out by default.

Viewing angle

This one works a little differently from the others, since it's genuinely a physical check rather than something the browser measures on its own. The test displays a pattern that should look color- and contrast-consistent from straight on. Move your head or tilt your screen off-center while watching it, and note how much the colors shift or the contrast washes out. How much shift you'll see depends heavily on panel type: IPS panels are generally known for staying more consistent at an angle, VA panels commonly show more noticeable contrast and gamma shift from the side, and OLED panels tend to hold up well across a wide range of angles. Some shift at extreme angles is completely normal on every panel type, this test simply gives you a consistent reference to judge how much is happening on your specific screen.

Sharpness

The sharpness test displays fine lines, small text, or a detailed grid pattern to check whether your image renders crisply. In most cases, a soft or blurry result here isn't actually about your monitor's physical sharpness at all, it's about resolution matching. If your system is outputting a resolution different from your panel's native resolution, the image has to be scaled, and scaling introduces blur that no monitor setting can fully undo. Before concluding your panel itself is soft, double check that your output resolution matches your display's native spec.

Aspect ratio

This test displays simple, known geometric shapes, generally a circle and a square grid, that should look exactly as they're supposed to: a genuinely round circle, evenly spaced squares. If the circle looks stretched into an oval or the grid looks squashed in one direction, that points to an aspect ratio mismatch or incorrect scaling setting somewhere in your display chain, rather than anything wrong with the physical panel. This is an easy issue to miss without a known reference shape to compare against, since a slightly distorted image can still look roughly normal on its own.

What a visual test can and can't tell you

Worth being direct about this rather than overselling it: color, gamma, contrast, and brightness results here come from your own eyes comparing a known pattern against what looks right, they're a genuine, useful diagnostic aid, not an instrument measurement. A browser can display an accurate, known test pattern, but it has no way to read your panel's actual physical light output or measure true color reproduction the way dedicated calibration hardware, a colorimeter or spectrophotometer, can. For everyday use, catching real problems, and general calibration checks, that visual comparison is genuinely useful and reliable enough to act on. If you're doing color-critical professional work, photo or video editing where exact color reproduction matters, a hardware colorimeter is the appropriate next step beyond what any visual test, this one included, can offer.

Troubleshooting common issues

  • Colors look off or shifted. Confirm your display is in a neutral or sRGB picture mode rather than Vivid or Gaming mode, which are specifically designed to boost saturation and contrast at the expense of accuracy.
  • Gradient test shows visible banding. Check whether your system is outputting at full 8-bit or 10-bit color depth rather than a reduced setting, and confirm your cable and port support your target resolution and refresh rate, an inadequate cable can silently reduce color depth.
  • Image looks soft or blurry regardless of the sharpness test. Confirm your system's output resolution matches your monitor's native resolution exactly, mismatched resolution causes scaling blur that no sharpness setting can fix.
  • Shapes look stretched or distorted in the aspect ratio test. Check your display or graphics driver's scaling settings, and confirm the correct native resolution and aspect ratio are selected rather than a stretched or "full screen" scaling mode.
  • Results look different than expected right after turning the monitor on. Give the panel 15 to 30 minutes to stabilize before judging color or gamma, brightness and color temperature can shift noticeably during warm-up.

While you're checking your display, it's also worth taking a moment to check for dead or stuck pixels and test your display's refresh rate.

FAQ

How do I test my monitor's color accuracy?

Use the color test pattern above and compare familiar reference colors, skin tones, pure red and blue, neutral gray, against what looks natural. For a precise numeric reading using the ΔE metric that professionals reference, you'd need dedicated colorimeter hardware, since a visual test can only give you a practical, informed impression.

What is a good gamma setting for a monitor?

2.2 is the standard reference point for SDR desktop use, gaming, and general content. Gamma set noticeably higher or lower than that tends to make midtones look either washed out or unnaturally dark, even when brightness and contrast seem fine.

Why does my gradient test show banding?

This is often related to color depth. Standard 8-bit color has only 256 steps per channel, which can show visible banding in long gradients, while 10-bit color offers four times the steps for smoother transitions. Some fast gaming panels use lower native color depth with dithering, which can show faint banding as a normal characteristic rather than a defect.

How do I check my monitor's contrast ratio?

This test's contrast pattern shows near-black and near-white steps so you can judge whether you can distinguish them or whether they collapse into flat black or white. An exact contrast ratio number requires measuring actual light output with calibration hardware, a visual test tells you whether detail is genuinely visible at both extremes.

Why does my monitor look different when I view it from the side?

Some color and contrast shift at an angle is completely normal, and how much varies by panel type, IPS panels generally hold up better off-angle, VA panels often shift more noticeably, and OLED tends to stay consistent across a wide range of angles.

Why does my monitor look blurry even though the sharpness test pattern is loading fine?

This is usually a resolution mismatch rather than the panel itself, if your system is outputting a resolution different from your monitor's native resolution, the image gets scaled, and scaling introduces blur no monitor setting can fully correct.

Can this tool measure my monitor's exact color accuracy or gamma?

No, and it's worth being upfront about that. This test gives you a reliable visual reference pattern to judge against, but only dedicated calibration hardware, a colorimeter or spectrophotometer, can actually measure your panel's precise color and gamma output.

Why does my monitor look different right when I turn it on?

Panels can take 15 to 30 minutes to stabilize their brightness and color temperature after powering on, so judging color or gamma immediately after startup can give you a misleading impression compared to how the display performs once warmed up.