Skip to main content

Is Your Monitor Displaying Colors Accurately?

Compare sRGB reference color patches, check gradient accuracy across RGB channels, and test gray ramp smoothness. Detects P3 wide gamut support via matchMedia — all rendered locally using Canvas.

This test displays 8 sRGB reference color patches, RGB gradient strips, and a gray ramp to help you visually evaluate your monitor's color reproduction accuracy.

sRGB covers about 35% of visible colors while Display P3 covers roughly 25% more, totaling 16.7 million colors at 8-bit depth.

Red
Green
Blue
Cyan
Magenta
Yellow
White
50% Gray
P3 Wide Gamut

Detecting...

What Do Your Results Mean?

Result Range Meaning
Good All 8 patches look distinct, gradients are smooth, P3 gamut detected Your monitor reproduces colors accurately with wide gamut coverage — suitable for photo editing and design work.
Warning Patches look correct but gradients show minor banding or no P3 support Your monitor has acceptable sRGB accuracy but limited gamut or bit depth. Fine for general use; consider calibration for color-critical work.
Bad Color patches appear washed out, shifted, or indistinguishable from each other Your monitor's color settings may be misconfigured. Check brightness, contrast, and color temperature in your display's OSD menu.

Common Issues and How to Fix Them

Colors look washed out or too warm/cool

Reset your monitor to factory settings and select the sRGB color mode in the OSD. Disable any blue light filter or night mode that shifts the color temperature.

P3 gamut not detected on a wide-gamut monitor

Ensure your OS color profile is set correctly. On macOS, check System Settings > Displays > Color Profile. On Windows, verify the ICC profile in Display Settings > Advanced.

Related Tools

Color Blindness Test

Screen for color vision deficiencies

Gradient Banding Test

Test for smooth gradient transitions

HDR Test

Check your display's HDR support

Frequently Asked Questions

How do I test my monitor's color accuracy?

View the sRGB reference color patches and compare them to known reference values. Check the RGB gradient strips for smooth transitions and inspect the gray ramp for banding. The tool also detects whether your display supports the P3 wide color gamut.

What is the difference between sRGB and P3 color gamut?

sRGB covers about 35% of visible colors and is the web standard. P3 (Display P3) covers about 25% more than sRGB, offering richer reds, greens, and oranges. Modern Apple displays and high-end monitors support P3.

Why do colors look different on different monitors?

Color reproduction varies due to panel type (IPS, VA, OLED), color gamut coverage, factory calibration, and display settings (brightness, contrast, color temperature). Professional monitors with factory calibration provide the most accurate colors.

Is any screen data uploaded to a server?

No. All color patches and gradients are rendered locally using HTML Canvas and CSS. No screenshots are captured and no data leaves your browser.