color-gamut

color-gamut CSS media feature can be used to test the approximate range of colors that are supported by the 用户代理 and the output device.

句法

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 DCI 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.

<p>This is a test.</p>

@media (color-gamut: srgb) {
  p {
    background: #f4ae8a;
  }
}

规范	状态	注释
Media Queries Level 4 The definition of 'color-gamut' in that specification.	候选推荐	初始定义。

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`color-gamut` media feature	Chrome 完整支持 58	Edge 完整支持 79	Firefox 不支持 No	IE 不支持 No	Opera 完整支持 45	Safari 完整支持 10	WebView Android 完整支持 58	Chrome Android 完整支持 58	Firefox Android 不支持 No	Opera Android 完整支持 43	Safari iOS 完整支持 10	Samsung Internet Android 完整支持 7.0