Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété color

Description de la propriété color.

color définit la couleur du texte et des décorations éventuelles (souligné, bordures, etc.). Elle définit aussi la valeur currentColor qui pourra servir pour initialiser d'autres propriétés. Notez que les décorations peuvent avoir reçu une couleur différente par leur propriété respective.

les couleurs définies par la propriété color sont par défaut opaques, mais il est tout à fait possible de préciser un degré de transparence en utilisant un code hexadécimal à 8 digits ou l'une des fonction rgba(), hsla(), hwba(), etc.

CSS utilise par défaut l'espace de couleurs sRGB, qui est peu étendu mais présente l'avantage d'être reconnu par tous les périphériques (écrans, imprimantes...). Il est possible cependant de travailler dans un autre espace de couleurs grâce à la directive @color-profile.

Syntaxes pour color.

  • color: #807418;

    La valeur par défaut est currentColor. La couleur peut être spécifiée dans n'importe laquelle des syntaxes reconnues par CCS : couleur nommée, code hexadécimal, fonctions rgb(), hsl(), etc. Reportez vous à la page couleurs CSS si vous n'êtes pas habitué à ces syntaxes.

  • color: color(mon-profil 0.3104 0.7421 0.2814);

    Cette notation, utilisant la fonction color(), permet de spécifier une couleur dans un autre espace de couleurs que celui par défaut, qui est sRGB.

    Le profil, ici dénommé mon-profil, doit avec été défini avec la directive @color-profile.

    Attention ! la fonction Object est encore peu (voire pas du tout) traitée par les navigateurs (2020).

  • color: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Exemples.

Voici plusieurs syntaxes définissant toutes la couleur du texte à bleue. Dans les deux derniers exemples, on a précisé une semi-transparence.

color:blue;
color:#0000ff.
color:rgb(0,0,255);
color:#0000ff80;
color:rgba(0,0,255,0.5);

Compatibilité des navigateurs.

La propriété color est bien reconnue et traitée par tous les navigateurs actuels.

Voir aussi...

Couleurs - Propriétés.

Couleurs - Fonctions.

  • hsl() : Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité.
  • hsla() : Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
  • hue-rotate() : Change les couleurs d'une image (rotation des teintes).
  • hwb() : Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
  • rgb() : Détermine une couleur à partir des valeurs de Rouge, de Vert et de Bleu.
  • rgba() : Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.