VISUAL INSPECTIONhdr
2 min
Client-Side Local
HDR Gradient & 10-Bit Test
Evaluates color gradations and quantization steps up to 256 levels. Uses Display-P3 color space where supported by the browser, falling back smoothly to sRGB.
Technical Scope & Limitations
Browser and OS color pipelines determine actual rendered bit-depth. Renders within browser capabilities.
Browser rendering output can be influenced by OS display scaling, GPU driver color settings, and active HDR profiles.
Testing Instructions
- Inspect the continuous gradient ramp for discrete banding lines or color shifts.
- Toggle stepped modes (32, 64, 128, 256 visual steps) to evaluate panel quantization.
- Compare Black-to-White with RGB channel ramps.
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
- Gradient smoothness across high dynamic range specular ramps.
- Quantization steps and contour banding in 8-bit vs 10-bit color pipelines.
- Display-P3 wide color space transition accuracy where supported.
How to Perform the Test
- Enter fullscreen mode and select continuous gradient mode.
- Inspect the ramp for discrete visible lines or stepping.
- Toggle stepped reference modes (32, 64, 128, 256 steps) to observe dithering behavior.
What to Look For
- Harsh contour bands in continuous mode indicate bit-depth truncation or gamma compression in the display pipeline.
Common Display Problems & Diagnostic Guidance
Chroma Subsampling Banding
Running displays at 4:2:2 or 4:2:0 chroma over limited bandwidth cables can introduce severe color banding into continuous gradients.
Frequently Asked Questions
What is the difference between 8-bit and 10-bit gradients?
8-bit color provides 256 shades per color channel (16.7 million colors), while 10-bit provides 1024 shades (1.07 billion colors), virtually eliminating visible banding in HDR highlights and shadows.