Color test

Color Gamut Test

Compare browser sRGB and Display P3 output and inspect wide-gamut color handling.

How it works

How this test works

Review paired gamut swatches, gradients, and browser capability indicators.

  1. Prepare the display using the checklist below.
  2. Select Start test and allow fullscreen mode if your browser asks.
  3. Use the arrow keys, on-screen controls, or click the pattern to move through the test.
  4. Exit the runner and save a local observation if useful.

Before you begin

  • Use the correct display profile
  • Disable temporary color filters
  • Select a color-managed browser

What to look for

  • Differences between sRGB and P3 swatches
  • Clipping in highly saturated colors
  • Smooth transitions in wide-gamut gradients
Important: This is not a gamut coverage test. The browser cannot determine the display's measured gamut volume or color accuracy.

Frequently asked questions

What is color gamut?

A color gamut is the range of colors that a system can represent or reproduce.

Which gamut is best?

The correct gamut matches the content and workflow. Wider is not automatically more accurate.

Why is color management important?

It maps defined content colors through a display profile so supported applications can reproduce them more consistently.