Monitor color and channel test.

How this test works

Use consistent color fields to spot obvious tinting, clipping, or channel problems.

1. Prepare the display using the checklist below.
2. Select Start test and allow fullscreen mode if your browser asks.
3. Use the arrow keys, on-screen controls, or click the pattern to move through the test.
4. Exit the runner and save a local observation if useful.

Before you begin

• Disable night light and color filters
• Choose a neutral picture mode
• Let the display warm up

What to look for

• Smooth separation between saturation steps
• Neutral gray without obvious tint
• Consistent color across the panel

Use neutral and saturated fields for different questions

The monitor color runner shows primary and secondary colors, a neutral gray field, and red, green, and blue saturation steps. Begin with a neutral picture mode after the display has warmed up. Check gray for an obvious cast, then look across solid color areas for broad inconsistency. Finally compare the steps within each channel: nearby values should not all merge into one indistinguishable block. These are visual clues about the active output path, not a calibrated reference for deciding whether a hue is numerically correct.

A gray tint that covers the entire screen may reflect the white point or a color filter, while a tint confined to one area is more like a uniformity question. Missing separation within one color channel can suggest clipping or processing, but the page cannot identify the exact cause. Keep browser zoom at 100%, disable night light for one comparison, and write down any picture-mode change. If you are comparing two displays, equalize room lighting and perceived brightness first; side-by-side impressions change dramatically when one screen is simply brighter.

Keep visual judgment distinct from accuracy

The browser specifies CSS colors, but those values travel through browser color management, operating-system settings, graphics output, the display profile, and the panel. A visually pleasing red is not proof that it matches an objective target. The display may be wide gamut, clipped to sRGB, or altered by a vivid preset. Similarly, a cool-looking white does not by itself establish the display’s measured color temperature. For professional color work, use a colorimeter or spectrophotometer with controlled software and conditions.

If this page reveals obvious tint or clipping, compare a second picture mode and check the correct display profile. Change one variable at a time; otherwise it is impossible to know which setting made a difference. Do not attempt to calculate Delta E from your eyes or a phone photo. Cameras add their own white balance, exposure, and processing. The test is most valuable for identifying a repeatable visible symptom that you can describe to someone else or investigate with the appropriate tool.

Choose a narrower color follow-up

If the concern is one missing or uneven primary channel, the RGB test isolates those fields and ramps more directly. If the question is how standard web colors appear in an sRGB workflow, use the sRGB page. A Display P3 comparison is about whether the active browser path can show a difference between wider and standard values; it is not an accuracy measurement. For sudden bands in a continuous tone, use gradients. This general color page is an overview for obvious tint, channel, and saturation behavior rather than a substitute for every focused check.

Document the display model, picture preset, brightness, color profile, browser, and exact field that looked unusual. Repeat in ordinary photos, design work, or video to decide whether the effect matters to your use. A color difference may come from intended color management rather than a faulty display. This page does not grade a panel or promise calibration. It helps you move from a vague statement such as “colors look wrong” to a specific, testable observation such as “neutral gray is green-tinted only on the right side.”

Frequently asked questions