color-gamut

Baseline 2023

Newly available

Since February 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die color-gamut CSS Medienfunktion wird verwendet, um CSS-Stile basierend auf dem ungefähren Bereich des von dem User Agent und dem Ausgabegerät unterstützten Farb-Gamut anzuwenden.

Syntax

Die color-gamut-Funktion wird als einer der folgenden Farbräume als Schlüsselwortwerte angegeben:

srgb

Der User Agent und das Ausgabegerät können ungefähr den sRGB Gamut oder mehr unterstützen. Dies umfasst die überwiegende Mehrheit der Farbdisplays.

p3

Der User Agent und das Ausgabegerät können ungefähr den Gamut unterstützen, der durch den Display P3 Farbraum oder mehr angegeben ist. Der P3 Gamut ist größer und umfasst den sRGB Gamut.

rec2020

Der User Agent und das Ausgabegerät können ungefähr den Gamut unterstützen, der durch den ITU-R Empfehlung BT.2020 Farbraum oder mehr angegeben ist. Der REC. 2020 Gamut ist größer und umfasst den P3 Gamut.

Beispiele

HTML

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

CSS

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

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

Ergebnis

Spezifikationen

Specification
Media Queries Level 4
# color-gamut

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch