Wide Color Gamut Reference (sRGB vs P3)
Demonstrates color saturation differences between standard sRGB and Display-P3 color spaces. Features technical honesty: reports browser-detected P3 capability without claiming hardware percentage coverage.
Technical Scope & Limitations
Browser capability signal only. Does not claim "Your monitor is 99% DCI-P3". Physical coverage requires colorimeter profiling.
Browser rendering output can be influenced by OS display scaling, GPU driver color settings, and active HDR profiles.
- Look at the split color swatches (left side: sRGB, right side: Display-P3).
- On a wide-gamut display with P3 browser support, the P3 side will appear noticeably more vivid and saturated.
- On standard sRGB displays, both halves will appear virtually identical.
Wide Color Gamut Reference
sRGB Standard vs Display-P3 ComparisonOn wide-gamut monitors with active P3 browser support, the right half will display a visibly deeper, more vibrant hue. On sRGB screens, both halves appear identical.
What This Test Checks
- Visual differences between standard sRGB and Display-P3 color spaces.
- Browser support for CSS color(display-p3 r g b) syntax and Canvas P3 context.
- Whether your display hardware and color management pipeline expand color saturation beyond standard sRGB boundaries.
How to Perform the Test
- Enter fullscreen mode and observe the split color swatches.
- The left side displays standard sRGB; the right side displays wide-gamut Display-P3.
- Cycle through Red, Green, Blue, Cyan, Magenta, and Yellow.
What to Look For
- On a wide-gamut display (such as Apple Retina screens or DCI-P3 monitors), the right half will look noticeably more saturated.
- On a standard 100% sRGB monitor, both halves will appear virtually identical.
Common Display Problems & Diagnostic Guidance
Browser Color Management Flags
In Chrome or Edge, if "Force color profile" is locked to sRGB in flags (chrome://flags), P3 wide-gamut content will be clamped down to sRGB.
Frequently Asked Questions
What percentage of DCI-P3 does my monitor cover?
Browser environments cannot measure spectral gamut coverage percentages. ScreenCheck reports whether your browser pipeline supports P3 wide-gamut rendering without fabricating coverage numbers.