How this test works
Compare paired sRGB and Display P3 swatches to see whether the active browser path can render wider color values.
- Prepare the display using the checklist below.
- Select Start test and allow fullscreen mode if your browser asks.
- Use the arrow keys, on-screen controls, or click the pattern to move through the test.
- Exit the runner and save a local observation if useful.
Before you begin
- Use a wide-gamut display mode
- Enable the correct ICC profile
- Disable night light and color filters
What to look for
- Whether CSS Display P3 is supported
- Visible differences in paired red, green, and orange swatches
- Clipping or unexpected hue shifts
Important: A visible difference does not measure P3 coverage or accuracy. CSS support and wide-gamut hardware are separate requirements.
Frequently asked questions
What is Display P3?
Display P3 is a wide color space based on DCI-P3 primaries with a display-oriented white point and transfer curve.
Why do both columns look the same?
The display may be sRGB-only, the browser path may clamp color, or the selected values may be clipped to the same output.
Can this calculate P3 coverage?
No. Coverage requires physical measurement with a color instrument.