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 日修改。