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.
color-gamut est une caractéristique média dont la valeur décrit l'intervalle approximatif des couleurs qui sont prises en charge par l'agent utilisateur et l'appareil responsable de l'affichage.
Syntaxe
La caractéristique color-gamut est définie avec un mot-clé parmi ceux de la liste ci-après.
srgb-
L'appareil d'affichage prend approximativement en charge l'espace de couleurs sRGB ou un espace plus grand. Cela correspond à la majorité des appareils d'affichage.
p3-
L'appareil d'affichage prend approximativement en charge l'espace de couleurs spécifié par l'espace de couleur DCI P3 ou un espace plus grand; L'espace p3 est plus grand (et inclut) l'espace srgb.
rec2020-
L'appareil d'affichage prend approximativement l'espace de couleurs spécifié par l'espace de couleurs ITU-R Recommendation BT.2020 ou un espace plus grand. L'espace rec2020 est plus grand (et inclut) l'espace p3.
Exemples
HTML
<p>Un test simple.</p>
CSS
@media (color-gamut: srgb) {
p {
background: #f4ae8a;
}
}
Résultat
Spécifications
| Specification |
|---|
| Media Queries Level 4 # color-gamut |
Compatibilité des navigateurs
BCD tables only load in the browser