ScreenProbe
Español

05COLOUR RESPONSE / sRGB + P3

Monitor Color & Wide Gamut Test

Compare primary and secondary colour bars, sweep the full hue circle, step through saturation and find out whether your display and browser reproduce colours beyond sRGB.

  • 4 patterns
  • Fullscreen
  • No install

Browser-generated pattern · Not a laboratory measurement

PATTERNS / 04

Patterns in this test

Each pattern targets a different symptom. Start from the top, or jump straight to the one you need.

  1. 01

    Colour bars

    Seven bars: white, yellow, cyan, green, magenta, red and blue. Each should be clean, distinct and sharply bounded.

  2. 02

    Full hue spectrum

    The spectrum should change smoothly. Flat or clipped zones suggest an over-saturated or vivid picture mode.

  3. 03

    Saturation steps · 0–100%

    Each column adds 20% saturation. The steps should look evenly spaced from gray to full colour.

  4. 04

    Wide gamut · sRGB vs P3

    Can you see an inner square? Visible means wide-gamut (P3) colour reaches your eyes; invisible means an sRGB-limited chain.

PROTOCOL / 01—04

How to use this test

Keyboard and touch

→ · Space · Enter · click
Next pattern
←
Previous pattern
I
Keep the hint panel visible
Esc
Exit fullscreen
Tap or move
Show controls on touch screens and mice
  1. 01

    Clean the screen gently and let it reach its normal operating temperature.

  2. 02

    Set browser zoom to 100% and use the brightness and picture mode you normally use.

  3. 03

    Start fullscreen mode. Each pattern shows a short hint about what to look at.

  4. 04

    Observe from your normal position first, then move closer only to inspect a detail.

OBSERVE

What to look for

  • Clean, distinct bars without colour bleeding between them
  • A spectrum that changes smoothly without jumps or flat zones
  • Inner squares in the gamut panels, visible only on wide-gamut setups

INTERPRET

How to read the result

Flat or merged zones in the spectrum suggest an over-saturated or vivid preset. If the inner gamut squares are visible, your display and browser reproduce at least part of Display P3; if they vanish, the chain is limited to sRGB, which is normal for many screens.

LIMITS

Limits of a browser test

Wide-gamut displays, browser colour management and display presets change appearance. Exact CSS values do not guarantee a measured hardware output.

FAQ

Frequently asked questions

01What does the wide-gamut (P3) panel show?

Each panel draws a Display P3 colour inside the most saturated sRGB colour. On an sRGB-only chain both look identical; on a wide-gamut display with colour management the inner square stands out.

02Are these reference colours for calibration?

They are exact digital values, but the measured light depends on the entire colour-management and display pipeline.

03Why are colours more vivid on one device?

Different gamuts, presets, brightness levels and colour management can all change perceived saturation.

NEXT / SCREENPROBE

Continue checking

03

Grayscale & gamma

Neutral steps, a gamma chart and RGB channel tracking.

↗ 04

Color banding

Reveal posterisation in smooth light and dark gradients.

↗ 09

Contrast detail

Black crush, white clipping and checkerboard contrast.

↗
FEEDBACK / 01

Help shape ScreenProbe

Found an issue or have an idea for a better test? Send a short note. Every message is reviewed.

What is it about?