HDR Display Test
Is your screen really showing HDR? Check dynamic range, wide color gamut and color depth, then see it with your own eyes.
Checking your display…
Answers come from live browser media queries, read the moment this page loaded.
Detection Results
Visual Test 1 — Wide Gamut Reds & Greens
Each pair shows the most saturated sRGB color next to the same hue in Display-P3. On a wide-gamut screen the P3 swatch looks visibly richer, especially the red. If both look identical, your current path (panel, OS setting or browser) is sRGB-only. This is a comparison, not a pass/fail: your eyes are the instrument.
Red — sRGB
Red — Display-P3
Green — sRGB
Green — Display-P3
Visual Test 2 — Shadow & Highlight Steps
Ten steps from black upward, then ten steps down from white. A good HDR-capable setup in a dim room lets you distinguish most steps at both ends. Crushed ends usually mean brightness/contrast settings or an SDR fallback, not a broken panel.
Visual Test 3 — HDR Gradient
A saturated spectrum sweep. On HDR + wide-gamut setups the bands stay distinct and the highlights feel luminous rather than flat white. Banding (visible steps) hints at an 8-bit path or heavy compression.
Tip: re-run this page after toggling HDR in your OS settings. The table above updates on reload.
HDR is a chain, not a spec sheet line
A monitor box can say HDR while your actual experience stays SDR, because HDR only appears when every link agrees: content mastered with HDR metadata, a player or browser that passes it through, an operating system with HDR enabled for that display, a cable and port with the bandwidth, and a panel that can produce real peak brightness. This test measures the link websites can observe: what your browser, on this machine, right now, reports about dynamic range and gamut.
That is also why the same laptop can pass on its built-in screen and fail on an external monitor, or pass in one browser and fail in another. If your result surprises you, change one link at a time (the OS HDR toggle first), reload, and compare the table. Developers building HDR web content should design for exactly this variability: detect, then enhance, never assume.
Frequently Asked Questions
What is HDR on a display?
HDR (High Dynamic Range) means the display can show a wider span between its darkest and brightest points, plus finer steps in between, than a standard SDR screen. In practice: brighter highlights that still hold detail, deeper shadows, and colors that stay saturated at high brightness. HDR needs the whole chain to agree: content mastered in HDR, an OS with HDR enabled, and a panel that can actually produce the range.
My monitor says HDR but this test says standard. Why?
The most common cause is the operating system: on Windows, HDR must be switched on per display in Settings > System > Display > HDR; on macOS it depends on the panel and connection. The browser also reports standard range over remote desktop, in some virtual machines, and occasionally with certain cables or docks that fall back to SDR. This test reports what the web platform can actually see, which is what websites experience too.
What is Display-P3 and wide gamut?
Gamut is the range of colors a display can produce. Standard web color (sRGB) is the smallest common gamut. Display-P3 reaches roughly a quarter more colors, especially saturated reds and greens, and Rec. 2020 is wider still. Wide-gamut and HDR are separate features, but modern HDR displays almost always ship with a wide gamut. The red swatch pair on this page shows the difference directly if your screen supports it.
How do I enable HDR?
On Windows 11: Settings > System > Display, select the monitor, turn on Use HDR, then re-run this test. On macOS, HDR-capable external displays get an HDR option in Displays settings when connected suitably. On phones, HDR is normally automatic. After changing any setting, reload this page: the browser answers are read live.
Is any of my data uploaded?
No. The checks use standard browser media queries and canvas features inside your tab. The results exist only on your screen unless you copy them yourself.
Check Out Other Popular Tools
Gamertag Generator
Generate Xbox-style, random, funny, and competitive gamertags instantly with local browser-based naming patterns.
Git Commit Hash Generator
Generate exact Git commit SHA-1 hashes instantly. Learn how Git constructs commit objects, handles trees/parents, and calculates SHA-1 behind the scenes.
BMP to JXL Converter — Free Online BMP to JPEG XL Converter
Convert BMP bitmap images to JPEG XL (.jxl) online for free — shrink huge uncompressed files dramatically. Private in-browser conversion.
Was this tool helpful?
Comments
Loading comments...