CSS color() Function Explorer
Explore CSS color spaces: sRGB, display-p3, and rec2020. See which colors exceed the sRGB gamut.
Color Settings
Output
Comparison
Same RGB values rendered in different color spaces:
sRGB
color(srgb ...)
display-p3
color(display-p3 ...)
About CSS color()
The
Syntax:
Values range from 0 to 1 (not 0-255).
Browser support: Safari 15+, Chrome 111+, Firefox 113+.
The
color() function lets you specify colors in different color spaces. Display P3 offers ~25% more colors than sRGB. Rec2020 is even wider.Syntax:
color(display-p3 r g b / alpha)Values range from 0 to 1 (not 0-255).
Browser support: Safari 15+, Chrome 111+, Firefox 113+.