Color Gamut Detector

Detect your display's color space support, including sRGB, Display P3, Rec. 2020 and HDR

Important Notice

The results from this tool reflect the color capabilities claimed by the system and browser. Please note:

  • Detection results may not represent the actual color performance of the display hardware
  • Results are affected by operating system color management configuration
  • Even if a color gamut is detected as supported, content must use the corresponding color profile to display correctly

Color Gamut Support Details

sRGB

Standard RGB color space, covers ~35% of visible spectrum, standard for web and consumer electronics

Not Supported

Display P3

Wider color gamut, covers ~45% of visible spectrum, used in cinema and high-end displays

Not Supported

Rec. 2020

Ultra-wide color gamut, covers ~75% of visible spectrum, standard for 4K/8K and HDR content

Not Supported

HDR (High Dynamic Range)

High Dynamic Range, supports brighter highlights and deeper shadow details

Not Supported

Color Gamut Explanation

What is Color Gamut?

Color Gamut refers to the range of colors that a device or system can produce, record, or reproduce. Different color gamut standards define different color space ranges - the larger the gamut, the more color varieties can be displayed.

Why is Color Gamut Important?

For professional design, photography, video production, accurate color display is crucial. Wide gamut displays can present richer, more realistic colors, especially when handling HDR content, print design drafts, or professional photography.

How to Detect Color Gamut?

This tool uses the browser's CSS Media Queries feature to query the color gamut claimed by the system. This is a software-level detection, and results depend on proper configuration of the operating system, graphics drivers, and browser. To verify actual color performance, professional hardware calibrators are recommended.

Use Cases

1

Professional designers can verify if their display supports wider color ranges for accurate editing and preview

2

Photographers can check if their display can correctly show all color information in photos

3

Frontend developers can understand user device color capabilities to optimize webpage color display

4

Regular users can learn about their display's color performance and choose appropriate settings

Color Gamut Detector - Test Monitor sRGB/P3/Adobe RGB Support | BeSmile | BetterTools