ScreenCheckv1.0
REFERENCE PATTERNuniformity
2–3 min
Desktop Recommended
Client-Side Local

ScreenCheck Reference Pattern

An original, precision-engineered reference pattern layout combining outer geometry grids, concentric circles, 1:1 pixel mapping checkerboards, RGB/CMY bars, continuous and stepped grayscale ramps, near-black patches, and near-white highlight references.

Technical Scope & Limitations

This reference pattern visually reveals geometry distortion, scaling, and clipping. It does not replace instrument-based hardware calibration.

Hardware Note: High-resolution desktop displays provide optimal 1:1 spatial grid precision.

Browser rendering output can be influenced by OS display scaling, GPU driver color settings, and active HDR profiles.

Testing Instructions
  1. Clean your screen surface and enter fullscreen mode.
  2. Inspect the outer 1px border: it should be perfectly sharp and visible on all four sides without overscan cropping.
  3. Check the concentric circles: they must appear perfectly round with zero oval distortion.
  4. Examine the center checkerboard and fine line quadrants: uneven moiré or shimmering indicates non-1:1 scaling.
  5. Toggle between Standard and Advanced (dense resolution) modes using the top-right controls.
  6. Toggle Labels ON/OFF for unobstructed inspection.
Interaction Controls
Next Pattern
Space
Previous Pattern
Exit FullscreenEsc
Mouse / TouchTap screen to cycle
Pattern 1 of 1: Master Reference Pattern

What This Test Checks

  • Outer 1-pixel border integrity: catches overscan and improper resolution cropping.
  • Aspect ratio geometry: concentric circles test for horizontal or vertical pixel stretching.
  • 1:1 pixel mapping: center checkerboards expose scaling blur, interpolation, or non-native resolutions.
  • Near-black shadow detail (RGB 0–24) and near-white highlight clipping (RGB 235–255).
  • Primary RGB and complementary CMY color bar saturation and hue balance.

How to Perform the Test

  • Clean your display with a microfiber cloth.
  • Enter fullscreen mode for exact edge-to-edge pixel coverage.
  • Toggle between Standard and Advanced (dense) modes to inspect fine line clarity.
  • Toggle Labels ON/OFF using the top-right HUD to view unobstructed patterns.
  • Click the Guide button to view an explanation of each diagnostic zone.

What to Look For

  • Circles must remain perfectly round with identical diameter in all directions.
  • The 1px white border must be visible along all four bezels without being cut off.
  • Checkerboard blocks should look crisp without shimmering or moiré rainbow artifacts.
  • Shades 2–8 in the near-black bar should be subtly discernible from pitch black.

Common Display Problems & Diagnostic Guidance

Overscan & Missing 1px Border

TVs and HDMI connections often enable overscan by default, zooming in 2%–5% and cutting off the outer border. Disable overscan in your monitor or TV Picture Size settings (set to Just Scan or 1:1).

Oval Circles & Non-Native Resolution

If circles appear stretched into ovals, your display resolution does not match the physical panel aspect ratio (e.g., rendering 1920x1080 on a 16:10 1920x1200 panel).

Frequently Asked Questions

What makes the ScreenCheck Reference Pattern unique?

It is an original, vector-crafted diagnostic layout engineered from first principles specifically for web browsers. It integrates geometry, color, and tonal ramps into a single high-performance canvas.

Should I test in Standard or Advanced mode?

Standard mode is ideal for general display inspection. Advanced mode increases spatial line density and adds fine 1px resolution targets for 4K and 8K monitor calibration.