Understand the result
The page combines browser color-space queries with visible patches and gradients. Treat the visual notes as observations, not measurements.
Monitor Color Gamut Test
Compare browser-reported sRGB, Display-P3, and Rec.2020 support with color patches, gradients, and a readiness checklist.
Target and pattern settings
Target color space
Pattern
Gamut preview
Choose a target to begin
Choose a pattern to start
Move the pointer away to keep the pattern clear.
Visible difference
Compare the target patch with the sRGB reference under the same conditions.
Gradient continuity
Look for clipping, banding, or a change in smoothness.
Browser reportApproximate
Browser reportChoose a target to beginChoose a target and pattern.
- Target
- Display P3
- Browser query
- —
- CSS support
- —
- Pattern
- Color-space pairs
- Difference
- Not checked
- Gradient
- Not checked
- Checklist
- 0/4
A reported color space indicates an available browser path, not guaranteed panel coverage or color accuracy.
Understand the result
Method
The browser is queried for target color-space support, then the selected CSS colors and gradients are rendered for side-by-side inspection.
Boundaries and limitations
Full gamut coverage requires a suitable panel, profile, operating system, browser, and viewing condition. CSS support alone cannot prove it.
Frequently asked questions
How do I test Display-P3 support on a monitor?
Choose Display-P3, review the browser-reported support, and compare the patch and gradient in full-screen mode if useful. The result is a browser capability and visual check, not a measured gamut volume.
Why can a browser report a color space but the screen still look the same?
The CSS query describes browser and output-path support; it does not guarantee the panel, profile, or viewing conditions will make the difference obvious.
Does this measure the monitor's complete gamut?
No. It reports browser support and provides visual patterns; a calibrated instrument is required for a measured gamut result.
Why might gradients show bands?
Banding can come from the source pattern, color quantization, the display pipeline, panel limitations, or the browser and operating system.
Privacy, method, and sources
The selected target, browser queries, and visual notes stay in this browser. Nothing is uploaded and no remote API is called.
Patterns use browser CSS color functions and the Fullscreen API; this page does not claim a colorimeter measurement.