Monitor gradient test
Four ramps — grey, red, green and blue — run from black to full brightness, drawn pixel by pixel without browser smoothing. On a good setup the 256-step ramps look smooth; visible bands, jumps or colour tints show that something between the browser and the panel is reducing gradation.
Full screen is not available here: the pattern fills the window. Tap it to return.
Each ramp runs from 0 to 255 in the chosen number of steps, drawn pixel by pixel without browser smoothing. With 256 steps a good panel shows a smooth ramp; visible bands mean the signal or the panel reduces gradation.
How to run the gradient test
- Press Full screen. Use your normal brightness in a dim room.
- With Steps: 256 (smooth), look along each ramp from left to right from your usual viewing distance.
- Switch to 64, 32 and 16 steps to see what deliberate banding looks like, then return to 256 and compare.
Reading the ramps
- Smooth ramps at 256 steps: the signal and the panel show the full 8-bit range in this test. On a large screen viewed up close, very fine steps can still be visible; that is normal for 256 levels.
- Clear bands at 256 steps, especially if they look like the 64 or 32 step setting: gradation is being reduced. Common causes are colour profiles or calibration curves, night-light or blue-light filters, brightness or contrast changes in the graphics driver, a reduced colour format or bit depth on the connection, and picture modes on the screen.
- Coloured stripes in the grey ramp (pink or green bands): the colour channels are not balanced across the range, often from a colour profile, white balance setting or picture mode.
- The dark end merges into one black: shadow levels are crushed. Check with the black and white level test.
What this test cannot tell you
The browser draws this pattern with 8 bits per channel, so it cannot show 10-bit gradation or prove a panel's native bit depth. Graphics drivers and panels may also use dithering (FRC), which can hide banding in this test while it remains visible elsewhere, or the other way round. Use the result to compare settings on your own screen, not as a specification check.
For uneven brightness on flat greys, use the monitor uniformity test; to inspect single colours full screen, use the screen colour test.
Questions
What causes colour banding?
Banding appears when there are not enough distinct levels to make a smooth transition, or when some levels are merged on the way to the panel. Colour profiles, filters, driver adjustments, compressed video and the panel itself can all contribute.
Can this test show whether my monitor is 10-bit?
No. The pattern is drawn with 8 bits per channel in the browser, so a 10-bit panel and a good 8-bit panel can look the same here. Check the monitor's specification and the graphics driver's output settings instead.
Related tests
- Black & white level testNear-black (1–20) and near-white (235–254) patches to spot black crush and white clipping.
- Uniformity testFull-screen greys to spot clouding, vignetting, banding and dirty screen effect.
- Dead pixel testFull-screen colours to find dead, stuck and hot pixels on any screen.
- Backlight bleed testDark full-screen fields to tell backlight bleed, IPS glow and clouding apart.
- Screen colour testFull-screen solid colours: red, green, blue, yellow, purple, pink and any custom colour.
- Touch screen testDraw over the whole screen to find dead zones and check multi-touch.
- Ghosting testMoving objects at three labelled speeds on four backgrounds to compare ghosting, smearing and overshoot.
- Refresh rate testMeasures how many frames per second this browser tab draws, with late frames and jitter.
- Frame skipping testA grid that lights one cell per frame; a long-exposure photo shows skipped frames as gaps.
- White screenA plain white full-screen page for checking, cleaning or lighting.
- Black screenA pure black full-screen page to find bright pixels and backlight bleed.
- Red screenA full-screen red light in four brightness levels, from pure red to very dim.
- Pink screenA full-screen pink light in soft shades, for selfies, video calls and backgrounds.