Grayscale stepsClipping checksBanding view
Grayscale Test
Use grayscale steps, smooth gradients, black clipping, white clipping, and banding patterns to inspect tonal transitions.
Lost shadow detail usually appears as black clipping, while blown highlights appear as merged bright tones.
Visible bands in gradients usually mean the transition is not smooth in the current environment.
Device info
Live browser-visible values and quick operating status.
Screen width
--
Viewport
--
Device pixel ratio
0.00
Fullscreen
Off
Shortcuts stay active outside input fields: use left/right arrows to switch patterns, F for fullscreen, and Esc to leave.
Controls
Switch patterns manually or jump into fullscreen for a cleaner inspection view.
← / → switch patterns
F enter fullscreen
Esc exit fullscreen
Pattern surface
Step blocks make tonal separation easy to inspect.
Grayscale
Grayscale ladder
Step blocks make tonal separation easy to inspect.
Device info
Resolution, DPR, and color depth are read from the browser-visible environment.
Screen width
--
Viewport
--
Device pixel ratio
0.00
Color depth
--
Next tools
Jump into focused views when you want a more specific diagnostic flow.
Lost shadow detail usually appears as black clipping, while blown highlights appear as merged bright tones.
Visible bands in gradients usually mean the transition is not smooth in the current environment.