Color Spaces
Blueray-like colors & gradients
.hdr-syntax {
background: color(display-p3 1 0 1);
background: oklch(72% 75% 330);
}
.richer-colors {
background: red;
background: color(display-p3 1 0 0);
background: oklch(63% 100% 30);
}
.sick-neons {
@media (dynamic-range: high) {
--neon-red: color(display-p3 1 0 0);
--neon-blue: color(display-p3 0 0.75 1);
}
}
.better-gradients {
background: linear-gradient(
to right in oklch,
color(display-p3 1 0 .5),
color(display-p3 0 1 1)
);
}