color-gamut
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis février 2023.
La caractéristique média CSS color-gamut est utilisée pour appliquer des styles CSS en fonction de l'intervalle approximatif des couleurs gamut pris en charge par l'agent utilisateur et l'appareil de sortie.
Syntaxe
La caractéristique color-gamut se définit avec l'une des valeurs-mots-clés suivantes, correspondant à des espaces colorimétriques :
srgb- : L'agent utilisateur et le périphérique de sortie peuvent prendre en charge un gamut d'environ sRGB 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'environ Display 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'environ ITU-R Recommendation BT.2020 ou plus. Le gamut REC. 2020 est plus large et inclut le gamut P3.
Exemples
HTML
html
<p>Un test simple.</p>
CSS
css
@media (color-gamut: srgb) {
p {
background: #f4ae8a;
}
}
Résultat
Spécifications
| Specification |
|---|
| Media Queries Level 4 # color-gamut |
Compatibilité des navigateurs
Voir aussi
- La fonction
color()pour définir des couleurs dans un espace colorimétrique donné. - Le module des couleurs CSS
- La règle
@mediautilisé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 des requêtes média CSS
- sRGB sur Wikipedia