色域 | @media.color-gamut

@media.color-gamut

color-gamut CSS @media媒体功能 基于由用户代理和输出设备所支持的颜色的大致范围内，可以应用样式。

语法

该color-gamut功能被指定为从下面的列表中选择的关键字值。

srgb输出设备可以支持大约sRGB色域或更多。这包括绝大多数的彩色显示器。

p3输出设备可以支持大约DCI P3色彩空间指定的色域或更多。p3色域比srgb色域大，包含srgb色域。

rec2020输出设备可以支持大约ITU-R建议书BT.2020色空间指定的色域。rec2020色域大于p3色域。

例子

HTML

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

CSS

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

结果

规范

浏览器兼容性