CSS: color() function

What is color() function

color() function let you specify colors in Wider Gamut Color, in many standard color spaces, and also let you specify relative color.

• CSS: what is Wide Color Gamut, Display P3, sRGB.

Syntax

color(display-p3 r g b / a)

Most practical wide-gamut option (Apple's Display P3, ~50% more colors than sRGB).

color(rec2020 r g b)

Even wider, used in broadcasting.

color(a98-rgb ...)

Adobe RGB.

color(prophoto-rgb ...)

For photography.

Others

srgb, srgb-linear, xyz-d50, xyz-d65, etc.

Example

.x {
 background: color(display-p3 0 1 0);
 /* A very vivid green */
}