Contrast Test Online
Use stepped tone patterns to see whether your display keeps dark and bright details separate.
Live screen test
Start with the real patterns.
Keep adjacent dark and bright steps visible. If either end merges, contrast is too aggressive.
What it checks
Use this test when you need a clear visual answer.
Contrast Test is built for quick inspection, not lab measurement. It gives you controlled browser patterns so you can decide whether the screen needs setup, retesting, or warranty attention.
White clipping
Shadow crushing
Over-aggressive contrast modes
If the lightest steps merge into white, highlights are clipped.
If the darkest steps vanish, shadows are crushed.
Dynamic or vivid modes can clip both ends at once. Turn them off and test again.
Result guide
How to read the contrast result
Start with the contrast steps pattern, then switch to adjacent patterns before making a decision. A real display problem usually stays in the same area when the pattern changes. A reflection, viewing angle shift, browser zoom issue, or temporary image setting often changes when you move your head, adjust brightness, or repeat the test after a restart.
White clipping
Use this page to isolate white clipping under controlled screen patterns. Scan the center, edges, and corners, then confirm the same area with a second pattern before you treat it as a panel issue.
Shadow crushing
Use this page to isolate shadow crushing under controlled screen patterns. Scan the center, edges, and corners, then confirm the same area with a second pattern before you treat it as a panel issue.
Over-aggressive contrast modes
Use this page to isolate over-aggressive contrast modes under controlled screen patterns. Scan the center, edges, and corners, then confirm the same area with a second pattern before you treat it as a panel issue.
Workflow
How to use the contrast test
Disable dynamic contrast or vivid demo modes if possible.
Open the contrast pattern and inspect both the dark and bright end of the scale.
Adjust contrast until adjacent steps remain visible without strong color tint.
Use cases
Where this screen test is most useful
Movie viewing
Keep detail in dark scenes and bright skies.
Design work
Avoid judging artwork on a display that clips important tones.
Console setup
Set the display before changing game-level HDR or brightness sliders.
Reading the result
Practical tips before you decide
Check both ends
Good contrast setup keeps near-black and near-white information visible.
Watch for color shifts
Extreme contrast settings can tint grays or crush channels.
Pair with gamma
Gamma changes midtone visibility, so use both tests for a stable setup.
Device setup
Use the same screen test across real viewing setups
The contrast test works best when the test matches the way you actually use the display. Keep the room lighting, brightness, scaling, and viewing distance close to normal, then repeat the pattern only after a setting change. This keeps the result practical instead of turning the page into a lab claim.
Desktop and laptop monitors
Use native resolution, 100 percent browser zoom, and the monitor picture mode you normally use. If you change brightness, contrast, overdrive, or color temperature, repeat the contrast pass before comparing results.
TVs, projectors, and large panels
Step back to your real viewing distance after a close inspection. Large screens can exaggerate small edge, glow, focus, or processing issues, so confirm anything suspicious with normal video, games, or desktop content.
Phones and tablets
Rotate the device if the browser supports it, clean the glass, and reduce reflections before judging the result. Some mobile browsers limit fullscreen behavior, but the same pattern sequence still helps with quick display checks.
Related tests
Continue with adjacent checks
Brightness Test
The brightness test helps you set a comfortable level while keeping near-black and near-white detail visible.
Gamma Test
Gamma affects midtone brightness. This test gives you reference patterns for judging whether gray steps look balanced.
Color Banding Test
Smooth gradients reveal banding, posterization, and compression-like steps that flat color screens can hide.
Black Screen
A fullscreen black screen helps reveal bright stuck pixels, light leakage, OLED behavior, and dark-room panel glow.
FAQ
Contrast Test questions
These answers match the visible test on this page and avoid warranty or measurement claims that depend on your specific display.
What is a good contrast setting?
A good setting keeps adjacent grayscale steps visible without making whites clip or blacks merge together.
Why do white boxes merge together?
The display may be clipping highlights. Lower contrast or disable image enhancement modes.
Does this measure the contrast ratio?
No. This is a practical visual test, not a lab measurement of contrast ratio.
Should I use HDR for this test?
Use SDR for basic monitor setup. HDR calibration needs separate patterns and device-specific controls.
Is this a website color contrast checker?
No. This page is for monitor contrast: whether black and white steps stay separate on your display. For text or UI contrast on a webpage, use an accessibility checker. This page also does not report a contrast-ratio number.
Can I use the contrast test on more than one device?
Yes. Open the same page on each monitor, laptop, phone, tablet, TV, or projector, then compare the contrast result under similar brightness and room lighting. Device browsers can handle fullscreen differently, but the visual patterns are still useful for a practical check.
Does this online contrast test replace professional calibration?
No. This page is a browser-based visual test for finding obvious display problems and setup issues. For color-critical work, brightness targets, or measured calibration, use a hardware colorimeter or professional display workflow after the visual pass.
How to Check a Monitor for Dead Pixels
A reliable dead pixel check uses fullscreen solid colors, steady lighting, and a repeatable inspection path. The goal is to separate real panel defects from dust, reflections, scaling artifacts, and temporary cable issues.
How to Test a New Monitor
A new monitor should be tested before you mount it, remove packaging, or let the return window pass. Start with panel defects, then verify uniformity, tone, text clarity, refresh rate, and real content.
Monitor Calibration Guide
Browser tests can help you set a monitor to a sensible baseline and spot obvious problems. They do not replace a colorimeter, but they make brightness, contrast, gamma, sharpness, and banding easier to judge before hardware calibration.
Ready to inspect the full screen?
Open the fullscreen pattern and move through the test slowly.