color

color est une caractéristique média CSS dont la valeur est le nombre de bits par composante de couleur du périphérique de sortie, ou zéro si ce dernier ne gère pas les couleurs.

Syntaxe

La caractéristique color est définie avec un entier (type CSS <integer>) et représente le nombre de bits utiisé par l'appareil d'affichage pour représenter chaque composante de couleur. Si l'appareil ne gère pas les couleurs, la valeur sera zéro. C'est une caractéristique d'intervalle ce qui signifie qu'on peut utiliser les variantes préfixées min-color et max-color afin de cibler des règles en fonction d'un minimum ou d'un maximum.

Note : Si les différentes composantes sont représentées sur un nombre différent de bits, c'est le plus petit de ces nombres qui est utilisé. Par exemple, si un affichage utilise 5 bits pour le bleu et le rouge mais 6 bits pour le vert, on considèrera que l'appareil utilise 5 bits par couleur. Si l'appareil utilise des couleur indexées, c'est le nombre minimal de bits par composantes parmi les couleurs de l'index qui est utilisé.

Exemples

HTML

<p>
   Combien de bits sont pris en charge par l'appareil 
   pour représenter les composantes des couleurs ?
</p>

CSS

p {
  color: #000;
}

/* Any color device */
@media (color) {
  p {
    color: #ff0000;
  }
}

/* Any color device with at least 8 bits per color component */
@media (min-color: 8) {
  p {
    color: #35bd19;
  }
}

Résultat

Spécifications

Spécification	État	Commentaires
Media Queries La définition de 'color' dans cette spécification.	Recommendation	Définition initiale, la valeur ne peut pas être négative.
Media Queries Level 4 La définition de 'color' dans cette spécification.	Candidat au statut de recommandation	La valeur peut désormais être négative (ce qui correspond alors à un booléen faux).

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Ordinateur
Mobile

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	(Oui)	(Oui)	?	(Oui)	?

Fonctionnalité	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Support simple	?	?	?	?	?

Voir aussi

Appliquer des couleurs HTML à CSS
La propriété CSS color
Le type de donnée CSS <color>