Wide gamut

Use more of the colors your display can show.

Create Display-P3 colors and ship a reliable sRGB fallback without guessing.

Display-P3 channels

Choose a wide-gamut color, then generate a perceptually mapped sRGB fallback.

G0.18

B0.04

This display reports sRGB gamutThe fallback remains available on every device.

Display-P3color(display-p3 1 0.18 0.04)

Mapped sRGB#FF452D

Outside sRGBChroma was reduced in OKLCH to preserve hue and lightness.

color(display-p3 1 0.18 0.04)

sRGB

#FF452D

OKLCH

oklch(66.21% 0.2254 30.88)

background: #FF452D;
background: color(display-p3 1 0.18 0.04);