Black → White
Useful for general grayscale transitions and obvious tonal steps.
DISPLAY DIAGNOSTIC TOOL
Check whether your display shows smooth color transitions or visible steps between shades.
Ready. Test in a dim room at your normal display settings.
01 · GRADIENT PATTERNS
Look for sudden lines, blocks or steps where a smooth transition should appear.
← previous · →/Space next · F fullscreen · Esc exit
02 · WHAT IS BANDING?
Color banding happens when a display shows a smooth range of shades as visible steps or strips instead of a continuous transition. It is especially easy to notice in large areas such as skies, shadows, sunsets and other low-detail scenes. RTINGS describes gradient handling as how finely a display can reproduce different levels of color; poor handling can produce visible banding and lost detail.
This browser test gives you simple patterns that make those transitions easier to inspect. It does not produce a laboratory measurement or a universal pass/fail score.
03 · HOW TO TEST
04 · PATTERNS
Useful for general grayscale transitions and obvious tonal steps.
Help reveal channel-specific transitions and color banding.
Useful when inspecting shadow detail and subtle low-level transitions.
Provides a broad visual check across several hues instead of one channel.
05 · WHY BANDING HAPPENS
Banding is not always caused by the physical panel. Bit depth, signal processing, the source image or video, compression and display settings can all influence visible gradients. A display may also behave differently in SDR and HDR. RTINGS specifically evaluates gradient handling in SDR and notes that good handling is important for scenes with skies, shadows and skin tones, with greater importance for HDR content.
For that reason, seeing bands in one image does not automatically prove that your monitor is defective.
06 · BANDWIDTH VS BANDING
Color bleed describes color from one part of a display affecting a neighboring area, while gradient banding is about a smooth sequence of shades appearing as distinct steps. These can sometimes appear together, but they are different display characteristics.
07 · FAQ
It checks visually whether a display can show gradual changes between shades without obvious steps or bands.
It can be visible depending on the panel, signal, content, settings and source. One test image should not be treated as a definitive diagnosis.
No. It displays test patterns for visual inspection. It does not directly measure panel bit depth or color accuracy.
Smooth gradients help preserve subtle differences in bright and dark scenes. Gradient handling is particularly relevant to HDR content.
Yes. The patterns work in a modern browser on phones, tablets, laptops, monitors and TVs.
MORE DISPLAY TESTS