P3 & HDR Color Demo

Solid Colors

P3
sRGB

Gradients

P3
sRGB
The HDR tests below are not expected to work in most browsers. Only confirmed working in Chrome on MacOS. (On displays that support HDR of course.)

HDR Images

Work in progress. These HDR images work in Chrome on MacOS, but there may be a better way to include the metadata that's supported in more browsers.

JPG

SDR JPG Image HDR JPG Image

PNG

SDR PNG Image HDR PNG Image

AVIF

SDR AVIF Image HDR AVIF Image

P3 SDR vs. P3 HDR

Same P3 Colors as before, compared with HDR versions.

P3
AVIF HDR
SDR AVIF Image
AVIF SDR
HDR AVIF Image
P3
PNG HDR
SDR AVIF Image
PNG SDR
HDR AVIF Image