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.

How to Test HDR

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.

Review detection results

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

Run visual tests

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

Check diagnostics

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

View your HDR score

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

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

Before You Test

A 30-second setup for accurate results. Each step matters — HDR is sensitive to environment.

0 / 6 — Setup progress

🌙

Dim the room

Draw curtains or turn off bright overhead lights. HDR relies on perceived contrast — ambient glare kills it.

☀️

Set display brightness to maximum

For HDR-capable monitors this unlocks peak nits. On laptops plug in the charger — most throttle HDR on battery.

⚙️

Enable HDR in OS settings

Windows: Settings → Display → Use HDR. macOS: System Settings → Displays → High Dynamic Range. Linux: KDE 6+ Wayland.

🔌

Check your cable and input

HDMI 2.0 handles 4K60 HDR10. HDMI 2.1 / DP 1.4+ needed for 4K120 HDR. See Cable Calculator in Detection tab.

👓

Turn off blue-light filters

f.lux, Night Light, Windows Night Shift, browser extensions — all shift colors and invalidate the test.

🌐

Use a Chromium-based browser

Chrome 104+, Edge 104+, or Brave. Firefox / Safari have limited HDR canvas and CSS support.

Completing the checklist unlocks the most meaningful results.

Checks HDR support, color gamut, browser APIs, and video codecs on your display

Browser HDR Flags

See HDR in Action

Visual demonstrations that work even where detection APIs fail.

Wide Color Gamut Indicator

Look at the panel below. If you see a clear flicker between colours, your browser and display support wide gamut. If the panel stays a flat colour — WCG is not reaching this screen.

Display P3 sRGB

SDR vs HDR Slider

Drag the divider to compare what the same scene looks like in SDR and HDR. The right side uses peak-brightness + wide-gamut rendering.

SDR

HDR

Drag or use arrow keys to compare

Tone Curves Explained

How brightness values map to nits on screen. Hover to see exact values.

sRGB (gamma 2.2)

PQ (SMPTE ST 2084)

HLG (Rec. 2100)

Rate What You Saw

HDR Fix Wizard

Answer a few questions and get a personalised fix — no guesswork.

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

Connection Type

Resolution

Refresh Rate

Color Depth

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

Your History

Run more tests to see your progress over time.

Features

title Complete HDR Detection desc Automatically checks HDR support, color gamut, color depth, Canvas P3, WebGL HDR, CSS HDR colors and modern video codecs. title 8 Visual Test Patterns desc Peak brightness, shadow detail, color volume, EOTF/gamma, tone mapping, gradient smoothness, color accuracy and specular highlights — all in fullscreen. title Smart Diagnostics desc Auto-detects HDR issues and provides step-by-step solutions for washed-out colors, double tone mapping, missing HDR and black level problems. title HDR Score & Report desc Get a 0-100 HDR score with breakdown by category. Compare against VESA DisplayHDR tiers. Export as text or image.

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?

5 (1 rating)

Thank you for your rating!

Change my rating

Want to leave a comment?

Want to share more? Leave a comment!

Thank you! Your comment will appear after moderation.

Who is this tool for?

🎬 Video Creators 🎮 Gamers 🎧 Audiophiles 📷 Photographers

Published 09 Apr 2026 Updated 21 May 2026