color-gamut
The color-gamut
CSS media feature can be used to test the approximate range of colors that are supported by the user agent and the output device.
Syntax
The color-gamut
feature is specified as a keyword value chosen from the list below.
srgb
-
The output device can support approximately the sRGB gamut or more. This includes the vast majority of color displays.
p3
-
The output device can support approximately the gamut specified by the Display P3 Color Space or more. The p3 gamut is larger than and includes the srgb gamut.
rec2020
-
The output device can support approximately the gamut specified by the ITU-R Recommendation BT.2020 Color Space or more. The rec2020 gamut is larger than and includes the p3 gamut.
Examples
HTML
<p>This is a test.</p>
CSS
@media (color-gamut: srgb) {
p {
background: #f4ae8a;
}
}
Result
Specifications
Specification |
---|
Media Queries Level 4 # color-gamut |
Browser compatibility
BCD tables only load in the browser