Monitor Tests

Gradient Test

Gradient Test displays grayscale and red, green, and blue ramps so you can check a monitor for visible banding or uneven transitions. Use it to inspect a new or used screen or compare display settings in your browser.

Gradient Test

In your browser

Pattern controls require JavaScript

Compare horizontal, vertical and individual-channel gradients for visible transitions or bands.

The generated gradient uses 8-bit channel values. Quantization, dithering, profiles and the browser/display pipeline affect banding; this is not a bit-depth certification.

Enable JavaScript to generate diagnostic patterns. This is a visual inspection aid, not professional calibration or automatic hardware detection.

Technical details and shortcuts

Canvas and scaling information becomes available after JavaScript starts. One physical pixel per sample cannot be guaranteed.

F: fullscreen · Left/Right: pattern · Space: automatic mode · R: reset · Escape: exit. In fullscreen, tap the left/right half for previous/next; on phones an Exit button stays on screen. Stop if bright patterns cause discomfort. Reduced motion keeps progression manual.

Related tools

Monitor Tests

Dead Pixel Test

Dead Pixel Test displays solid-color patterns to help you visually check a monitor, laptop, or phone for dark, bright, or unusual subpixels. Use it for a quick inspection before buying a screen or while its return period is open.

Open browser tool

Monitor Tests

Monitor Test

Monitor Test displays patterns for checking a new or used screen, comparing display settings, and spotting visible irregularities. Use it to note concerns before deciding whether a display needs closer attention.

Open browser tool

Monitor Tests

Screen Uniformity Test

Screen Uniformity Test displays solid white, black and gray patterns so you can visually check a monitor for uneven brightness or tint. Use it when assessing a new or used display or comparing picture settings.

Open browser tool

Monitor Tests

OLED Gray Test

OLED Gray Test displays dark gray patterns to help you inspect an OLED screen for visible banding, tint, or uneven tones. Use it to check a new or used display or compare its settings.

Open browser tool

Color Screens

White Screen

White Screen fills your display with a plain white field for checking smudges, adding soft light to video calls, tracing, or creating a clean background.

Open color screen

Screensavers

DVD Logo Screensaver

Use DVD Logo Screensaver to show a bouncing, DVD-inspired badge on an idle screen. Start it for a simple ambient animation in a waiting area, stream, or spare display.

Open browser tool

Before you begin, wipe away smudges and use the brightness and room lighting you normally have when viewing the screen. Check from your usual seating distance, and keep conditions steady if you plan to compare patterns or settings.

How to use Gradient Test

  1. Choose Start Test to display the pattern.
  2. In Pattern mode, select Black to white · horizontal, Black to white · vertical, Gradient red, Gradient green, or Gradient blue.
  3. Use Direction to choose Horizontal or Vertical when comparing a gradient’s orientation.
  4. Choose Previous or Next to move through the patterns. You can also press Left or Right.
  5. Choose Fullscreen or press F to expand the view. Press Escape to leave fullscreen. On phones, tap the left or right half to move between patterns; use Exit to leave fullscreen.
  6. Press Space for automatic mode. If reduced motion is enabled, progression stays manual. Choose Reset or press R to return to the initial state.

When to use it

  • Before a return window closes: inspect a new monitor for visible steps or bands while you can still decide whether to return it.
  • When considering a used display: run the patterns in person and look for uneven transitions before purchasing.
  • After changing display settings: compare the same pattern before and after, keeping other conditions consistent.
  • When photos or videos show bands: check whether similar bands appear in a smooth test ramp on the screen.
  • When checking a laptop, tablet, or TV: view the patterns at your normal viewing distance to see how transitions look in everyday use.
  • When one orientation looks unusual: compare horizontal and vertical grayscale patterns to see whether the visible result changes.
  • For a quick color-channel check: compare the red, green, and blue ramps individually for visible transitions or bands.

Tips for a clearer Gradient Test

Keep brightness comfortable and avoid reflections from windows or lamps. If you are comparing display settings, change one at a time and return to the same pattern and viewing conditions for each check.

PatternWhat to look for
Black to white · horizontalVisible steps or bands across the grayscale transition.
Black to white · verticalWhether the grayscale transition looks different in the other orientation.
Gradient red, Gradient green, Gradient blueVisible transitions or bands in each individual color channel.

If something looks irregular, note the pattern and direction, then check again without changing your viewing conditions. For a closer look specifically at banding, you can also try the Color Banding Test.

Limits of this test

This Gradient Test is a visual check, not a calibrated measurement or a way to certify a display’s bit depth. Its generated gradients use 8-bit channel values; quantization, dithering, color profiles, and the browser and display pipeline can all affect how banding appears.

A visible band does not identify its cause or prove that the screen has a hardware fault, and the page cannot repair a display. Room lighting and device settings also influence what you see. If an unusual result persists under normal settings, contact the display’s manufacturer or seller for help.

Frequently asked questions

How do I run Gradient Test?

Choose Start Test, then select a pattern in Pattern mode. Use Previous and Next or the Left and Right keys to move between patterns.

Can it help me spot monitor banding?

It can make visible steps or bands in grayscale and individual-color gradients easier to inspect. What you see depends on the display and viewing conditions, and the test does not identify the cause.

Why do horizontal and vertical gradients look different?

The patterns use different orientations, and the visible transitions may look different between them. Compare them with the same display settings and viewing conditions.

What are the red, green, and blue patterns for?

They display individual color-channel gradients so you can compare visible transitions or bands in red, green, and blue.

Can it tell me whether my monitor is 10-bit?

No. The generated gradients use 8-bit channel values, and this visual check cannot certify display bit depth.

Can I use it on a phone or tablet?

Yes. Open the test in your device’s browser; on phones, tap the left or right half to change patterns and use Exit to leave fullscreen.