VISUAL INSPECTIONhdr
2 min
Client-Side Local
HDR Color Gradient Test
High dynamic range content demands high color volume at high brightness. Renders saturated gradients to inspect color clipping, hue shift, and tonal separation.
Technical Scope & Limitations
Does not claim physical DCI-P3 or BT.2020 percentage coverage without an optical colorimeter.
Browser rendering output can be influenced by OS display scaling, GPU driver color settings, and active HDR profiles.
Testing Instructions
- Inspect each color gradient ramp from saturated peak to deep shadow.
- Look for unnatural hue shifts (e.g. red turning orange or yellow at high brightness).
- Switch between sRGB and Display-P3 color spaces if supported.
Interaction Controls
Next Pattern
→Space
Previous Pattern←
Exit FullscreenEsc
Mouse / TouchTap screen to cycle
Pattern 1 of 10: Black to White
Select Gradient Pattern
Orientation:
What This Test Checks
- Saturated primary (Red, Green, Blue) and secondary (Cyan, Magenta, Yellow) gradations.
- Color volume clipping at high luminance.
- Unintended hue shifting (e.g. saturated red turning orange or yellow at high brightness).
How to Perform the Test
- Enter fullscreen mode and cycle through the color ramps.
- Inspect the bright end of each ramp for smooth tonal roll-off.
- Check for abrupt color transitions or banding lines in the gradient.
What to Look For
- Colors should maintain their pure hue even as they approach peak highlight brightness.
Common Display Problems & Diagnostic Guidance
Subpixel White Boost Clipping
Some WOLED panels with white subpixels dilute high-brightness primary colors, causing saturated colors to wash out in peak highlights.
Frequently Asked Questions
Does this test guarantee 100% DCI-P3 coverage?
No. Only a physical colorimeter measuring spectral emission can calculate exact gamut coverage percentages. This test evaluates whether browser color pipelines render smooth wide-gamut transitions without posterization.