color-gamut

Baseline 已广泛支持

此特性已经非常成熟，可以在许多设备和浏览器版本上使用。自 2023 年 2 月起，所有主流浏览器均已支持。

color-gamut CSS 媒体特性用于根据用户代理和输出设备支持的近似色域范围来应用 CSS 样式。

语法

color-gamut 特性被指定为以下颜色空间中的一个，作为关键字值：

srgb: 用户代理和输出设备可以支持大约 sRGB 色域或更大。这包括绝大多数彩色显示器。
p3: 用户代理和输出设备可以支持大约由 Display P3 颜色空间指定的色域或更大。P3 色域比 sRGB 色域更大且包含 sRGB 色域。
rec2020: 用户代理和输出设备可以支持大约由 ITU-R Recommendation BT.2020 颜色空间指定的色域或更大。REC. 2020 色域比 P3 色域更大且包含 P3 色域。

html

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

css

p {
  padding: 10px;
  border: solid;
}

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

规范
媒体查询第 4 级 # color-gamut

此页面最后由MDN 贡献者于2025 年 7 月 14 日修改。