color-gamut

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

Spécification État Commentaires
Media Queries Level 4
La définition de 'color-gamut' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
color-gamut media featureChrome Support complet 58Edge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Support complet 45Safari Support complet 10WebView Android Support complet 58Chrome Android Support complet 58Firefox Android Aucun support NonOpera Android Support complet 43Safari iOS Support complet 10Samsung Internet Android Support complet 7.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support