Lacaractéristique médiaCSScolor-gamut est utilisée pour appliquer des styles CSS en fonction de l'intervalle approximatif des couleursgamut pris en charge par l'agent utilisateur et l'appareil de sortie.

Syntaxe

La caractéristiquecolor-gamut se définit avec l'une des valeurs-mots-clés suivantes, correspondant à desespaces colorimétriques :

• srgb
• : L'agent utilisateur et le périphérique de sortie peuvent prendre en charge un gamut d'environsRGB ou plus. Cela inclut la grande majorité des affichages couleur.
• p3
• : L'agent utilisateur et le périphérique de sortie peuvent prendre en charge un gamut d'environDisplay P3^(angl.) ou plus. Le gamut P3 est plus large et inclut le gamut sRGB.
• rec2020
• : L'agent utilisateur et le périphérique de sortie peuvent prendre en charge un gamut d'environITU-R Recommendation BT.2020 ou plus. Le gamut REC. 2020 est plus large et inclut le gamut P3.

Exemples

HTML

<p>Un test simple.</p>

CSS

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

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• La fonctioncolor() pour définir des couleurs dans un espace colorimétrique donné.
• Le module descouleurs CSS
• La règle@media utilisée pour spécifier l'expressioncolor-gamut.
• Utiliser les requêtes média pour comprendre quand et comment utiliser une requête média.
• Le module desrequêtes média CSS
• sRGB sur Wikipedia