Check Your Display HDR Capabilities Instantly

Free browser-based tool for comprehensive HDR display testing. Detects HDR support, color gamut (sRGB, Display P3, Rec.2020), video codec compatibility, and provides 8 interactive visual test patterns. Includes smart diagnostics for common HDR issues and a cable bandwidth calculator.

Analyze color gamut, brightness range and tone mapping of your screen

Checks HDR support, color gamut, browser APIs, and video codecs on your display
Rate What You Saw
Auto-detected Issues
HDR Looks Washed Out
  • Check your display brightness settings — HDR content may need higher brightness
  • Verify your cable supports the required bandwidth (see Cable Calculator below)
  • Check for double tone mapping — run the Tone Mapping visual test
  • In Windows: Settings > Display > HDR > adjust SDR content brightness
  • In macOS: System Preferences > Displays > adjust HDR brightness
Colors Look Wrong in HDR
  • Check color profile: Windows Display Settings > Color Profile should be "HDR"
  • In Chrome, enable chrome://flags/#force-color-profile-srgb (then disable to test)
  • Verify GPU control panel isn't overriding color settings
  • Update display drivers to latest version
  • Try disabling Night Light / f.lux / blue light filter
HDR Not Available
  • Windows: Settings > System > Display > Turn on "Use HDR"
  • macOS: System Preferences > Displays > enable HDR
  • Linux: Check compositor HDR support (KDE 6+ has experimental HDR)
  • Android: Settings > Display > enable HDR video (varies by device)
  • iOS: HDR is automatic on supported devices (iPhone 12+, iPad Pro 2021+)
  • Check if your cable/adapter supports 10-bit color (HDMI 2.0+ or DP 1.4+)
Black Levels Too High
  • LCD panels: Enable local dimming in display OSD menu
  • OLED panels: Check if "OLED pixel refresh" is needed
  • Reduce ambient room lighting for best contrast
  • In Windows: adjust "HDR brightness" slider lower
  • Check display "Black Equalizer" or similar setting isn't raised
Double Tone Mapping

Double tone mapping occurs when both your application and display/GPU apply tone mapping, causing compressed, flat-looking images.

  • In games: set in-game peak brightness to match your display's actual nits
  • Disable GPU driver tone mapping (NVIDIA: Control Panel > Adjust video color)
  • In Windows 11: "Auto HDR" can cause this — try toggling it
  • Set display to "Game HDR" or "PC" mode instead of "Cinema"
  • Match the HDR format output to what your display natively supports
Cable Bandwidth Calculator
Browser HDR Compatibility
Browser CSS P3 Canvas P3 WebGL HDR HDR Video
How You Compare
VESA DisplayHDR Comparison
Browser cannot measure actual nits. Comparison based on detected capabilities.
Recommendations
100% browser-based. Nothing leaves your device.

Features

Complete HDR Detection 8 Visual Test Patterns Smart Diagnostics Cable Bandwidth Calculator HDR Score & Report

How to Test HDR

1
Open the tool

Open this page in a Chromium-based browser (Chrome, Edge, Brave) for best HDR API support. Enable HDR in your OS settings.

2
Review detection results

The Detection tab automatically scans your display capabilities, browser APIs, and video codec support.

3
Run visual tests

Switch to Visual Tests tab and click "Run All Tests" to enter fullscreen. Navigate with arrow keys or swipe gestures.

4
Check diagnostics

The Diagnostics tab highlights detected issues and provides platform-specific solutions for common HDR problems.

5
View your HDR score

Check your overall HDR score, compare against VESA tiers, and export your report.

Frequently Asked Questions

Can a browser really test HDR?

Yes. Modern browsers expose HDR detection APIs including dynamic range media queries, Display P3 canvas rendering, WebGL HDR support, and video codec capabilities. While browser tests cannot measure exact nit values, they can verify HDR pipeline support and identify common issues.

Why does the test show "No HDR" even though my monitor supports it?

HDR must be enabled at the OS level (Windows Settings > Display > HDR, or macOS System Preferences > Displays). Also ensure your cable supports 10-bit color and your browser is up to date. Check the Diagnostics tab for step-by-step help.

What is double tone mapping?

Double tone mapping occurs when both your application (game, video player) and your display or GPU driver apply tone mapping separately. This results in a washed-out, flat-looking image. The Tone Mapping visual test helps detect this issue.

Which browser is best for HDR testing?

Chrome 104+ and Edge 104+ offer the best HDR support with Canvas P3, WebGL HDR, and CSS HDR colors. Safari 15.4+ has excellent CSS HDR support. Firefox support is more limited.

Does this test work on phones and tablets?

Yes. The tool detects HDR capabilities on any device with a modern browser. Many flagship phones (iPhone 12+, Samsung Galaxy S21+, Pixel 6+) support HDR displays.

💡 Want us to improve this tool just for you?

We can — and it's free! Just send us a quick message with your idea. If you'd like to discuss it in detail, leave your email and we'll get back to you. You can stay anonymous.

How do you rate this tool?

Thank you for your rating!
Want to share more? Leave a comment!
Thank you! Your comment will appear after moderation.

How do you rate this tool?

Thank you for your rating!
Want to share more? Leave a comment!
Thank you! Your comment will appear after moderation.
Published