v144 · css color 4
Syntax and computed style
color(display-p3-linear r g b) is ordinary color() syntax with a new space keyword. This page probes the exact declaration with CSS.supports(), applies it for real, and reads back what getComputedStyle() serializes — the round trip that proves the browser parsed the space rather than ignored it.
Ships in Chrome 144 (Blink flag ColorSpaceDisplayP3Linear, now stable; on a pre-144 build use --enable-experimental-web-platform-features). On a browser without it, this page keeps working through the long-supported sibling color(srgb-linear …) and labels the display-p3-linear swatch as unsupported — the readouts always show the browser's real answers.
Build a linear-light P3 colour
color(display-p3-linear …)
color(display-p3 …) equivalent
color(srgb-linear …) sibling
The spec's own equivalence pair
CSS Color 4 §10.5 states these two declarations are the same colour — the linear triplet is simply the gamma one with the encoding undone:
color(display-p3 0.591 0.123 0.264)
color(display-p3-linear 0.3081 0.014 0.0567)display-p3 notation
display-p3-linear notation
the API
/* Probe the exact declaration, not a proxy: */
CSS.supports("color", "color(display-p3-linear 1 0 0)");
/* The serialization round trip proves it parsed: */
el.style.color = "color(display-p3-linear 0.3081 0.014 0.0567)";
getComputedStyle(el).color;
// "color(display-p3-linear 0.3081 0.014 0.0567)" where supported