Skip to main content

Does Your Display Support HDR?

Detect HDR support via matchMedia, view HDR vs SDR comparison patterns, and test brightness gradient steps. Identifies dynamic range and P3 gamut capabilities — all rendered locally using Canvas.

This test uses CSS media queries to detect HDR10 and P3 wide gamut support, then displays visual comparison patterns to confirm extended brightness and color range.

HDR displays support 10-bit color (1.07 billion colors) with peak brightness of 400-10,000 nits versus SDR's 8-bit limit of 300 nits.

HDR Support

Detecting...

Wide Gamut (P3)

Not Supported

Left half shows SDR range (0-200), right half extends to full HDR range. On HDR displays, the right half should appear brighter.

What Do Your Results Mean?

Result Range Meaning
Good HDR detected and P3 gamut supported Your display supports high dynamic range content with wide color gamut — HDR video and games will render with extended brightness and color depth.
Warning P3 gamut detected but no HDR support Your display has a wide color gamut but lacks HDR brightness capability. Colors will be rich but peak brightness is limited to SDR levels (~300 nits).
Bad Neither HDR nor P3 detected Your display is SDR-only with standard sRGB gamut. HDR content will be tone-mapped down to SDR, losing highlight detail and color vibrancy.

Common Issues and How to Fix Them

HDR-capable monitor shows as SDR in the test

Enable HDR in your OS settings: Windows > Settings > Display > HDR, macOS enables HDR automatically on supported displays. Also ensure your cable supports HDMI 2.0+ or DisplayPort 1.4+.

HDR content looks washed out or overly bright

Adjust the SDR content brightness slider in your OS HDR settings. On Windows, use the 'SDR content appearance' slider. Ensure your monitor's HDR mode is set to 'Auto' rather than forced on.

Related Tools

Color Accuracy Test

Test if your monitor displays colors accurately

Gradient Banding Test

Test for smooth gradient transitions

Screen Info

View screen resolution, DPI, and color depth

Frequently Asked Questions

How do I check if my monitor supports HDR?

This tool uses the CSS media query (dynamic-range: high) to detect HDR capability. It also checks for P3 wide gamut support. The HDR/SDR comparison pattern helps you visually confirm if your display renders extended brightness levels.

What is the difference between HDR and SDR?

SDR (Standard Dynamic Range) uses 8-bit color with a limited brightness range (up to ~300 nits). HDR (High Dynamic Range) supports 10-bit or higher color depth with peak brightness of 400-10,000 nits, delivering brighter highlights and deeper blacks.

Why does my HDR monitor still show SDR results?

HDR must be enabled in your operating system display settings. On Windows, enable 'HDR' in Display Settings. On macOS, HDR activates automatically on supported displays. Your browser must also support HDR content rendering.

Is any data uploaded to a server?

No. All test patterns are rendered locally using HTML Canvas. The HDR detection uses browser CSS media queries. No data leaves your browser.