How to use this white saturation test
Choose Full near-white range to display patches with RGB values from 235 through 254 against white. Look for a gradual change as the numbers rise toward the background. Select Subtle highlight steps when you want to focus on the closest tones. Use Full screen for an unobstructed view, then exit before changing display settings. Keep the monitor brightness at the level you normally use and view from your usual position. The last few patches should be subtle; do not force visibility by turning the whole screen down until white looks gray.
Start with the display preset and signal path used for ordinary SDR desktop content. If a group of patches seems to merge, note which part of the sequence and repeat it after checking the computer's output range and any HDR mode. If you test a contrast or picture control, move only one setting a small amount, repeat the same pattern, and restore your baseline. The test does not store your observations, so record the setting and what changed if you need to compare later.
What a white saturation test checks
Near-white patches provide small differences in digital color values on a bright background. If several adjacent steps look identical, bright tones may be compressed or clipped somewhere in the image path. A smooth progression suggests that the browser and display are showing at least some of those differences under the current conditions. It does not show how bright the monitor can become or whether the display is calibrated. The labels describe the source values of a web pattern, not the physical light emitted by the screen.
CSS color values are interpreted by the browser and then passed through the system's graphics and color pipeline. The W3C CSS Color specification describes color representations used by web pages. Profiles, HDR conversion, video range, monitor processing, and ambient conditions can alter the appearance. A browser test is therefore a quick visual check, not a certified high-dynamic-range or luminance measurement.
Understand the near-white values
The pattern uses neutral red, green, and blue values together, so each swatch is a shade of gray approaching white. In the full range, RGB 235 is darker than RGB 254, while white is the background. The subtle range starts at RGB 248 and ends at RGB 254, giving you fewer, closer shades to inspect. These decimal numbers are digital channel values in the pattern. They do not correspond to a fixed number of nits, a percentage of a monitor's peak brightness, or an HDR mastering level.
Browser color management, operating-system output range, and the display's own tone response affect which steps remain distinct. Full-range versus limited-range settings can cause dark or bright levels to be mapped differently if the source and display disagree. Dynamic contrast, local dimming, automatic brightness, vivid modes, and HDR tone mapping may also change bright areas. This tool does not detect which setting is active; it provides a consistent browser image to compare.
Avoid over-adjusting contrast
If the upper patches merge, first check that the browser is at a normal zoom and that the monitor is using the intended input range and picture mode. Pause temporary filters or dynamic enhancement only if they are not the feature being evaluated. Then compare one monitor control at a time. A small reduction in excessive contrast may restore separation on some setups, but turning contrast down too far can make white dull and lower useful image brightness. Stop when the change helps preserve a natural white field and a smooth tonal transition.
Do not compensate for missing near-white detail by changing black level, brightness, color temperature, and contrast together. Those controls affect different portions of the image and may conceal one symptom while creating another. After a comparison, restore the original preset if the result is not repeatable. Confirm any important observation in ordinary images such as clouds, pale clothing, paper, or window reflections. The browser pattern makes a controlled clue, but real content shows whether the difference matters in everyday use.
Separate clipping from uniformity or color tint
Clipping merges bright tones in the signal or display path. Uniformity is a spatial difference where one region of the panel looks brighter or more tinted than another. A colored cast in the brightest patches can point to one channel reaching its limit before the others, but the page cannot identify the exact stage. If patches disappear only on one side, repeat the view from straight on and compare a flat field before deciding that the issue is highlight clipping.
Use the Gray Uniformity Test for differences across a flat field and the Gray Banding Test for visible steps along a gradient. The Color Bars Test provides large primary and secondary fields to check for obvious channel changes. Separating these questions helps prevent a single unusual white patch from being treated as proof of a particular display fault.
Limits of online white saturation patterns
This page does not measure luminance, peak brightness, white point, HDR tone mapping, color temperature, or grayscale accuracy. It does not read the monitor's settings or calibrate the graphics pipeline. The result depends on your browser, operating system, profile, connection, panel, room, viewing angle, and eyesight. A subtle patch can be difficult to see even when no hardware fault exists, while a visible difference does not prove the panel meets any warranty or calibration threshold.
Use measurement hardware and the monitor manufacturer's documented procedure if you need calibrated values. A colorimeter or spectroradiometer measures light under a defined setup; this browser page only draws CSS swatches. For general checks, repeat the same visual pattern and note which conditions you changed. Do not use a screenshot or phone photo as an exact record of emitted brightness: cameras apply their own exposure, tone mapping, and white balance.
Related display tests
Check broad color fields with the Color Bars Test, fine line rendering with the Monitor Sharpness Test, and grayscale transitions with the Gray Banding Test. Use the Gray Uniformity Test for screen-wide changes across flat gray fields.
Frequently asked questions
Should I be able to see every near-white patch?
The closest patches are intentionally subtle and may be difficult to separate in some viewing conditions. Look for a gradual transition without making the white background appear gray.
Does this white saturation test measure screen brightness?
No. The numbers are CSS RGB code values used to draw the pattern. They are not measurements of luminance, peak brightness, HDR output, or color accuracy.
What should I adjust if several patches look identical?
First confirm browser zoom, display range, HDR or SDR mode, and any dynamic contrast processing. If you compare a monitor setting, change only one control slightly and return to the original setting afterward.