Accueil    CSS    Propriété Color
 



style css color  Style CSS color

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété color permet d'appliquer une couleur au texte contenu dans l'élément sur lequel elle est appliquée.

il existe plusieurs nomenclatures pour assigner une couleur :
- Le nom de la couleur (color:red; color:yellow; color:lightsteelblue; ...)
- Le code hexadécimal de la couleur qui se décompose comme ceci : #RRGGBB
      # : préfixe indiquant qu'une valeur hexadécimale suit
      RR : valeur pour la composante rouge (allant de 00 à FF)
      GG : valeur pour la composante verte (allant de 00 à FF)
      BB : valeur pour la composante bleue (allant de 00 à FF)
- La notation rgb(valR, valG, valB) qui correspond à :
      valR : valeur pour la composante rouge (allant de 0 à 255)
      valG : valeur pour la composante verte (allant de 0 à 255)
      valB : valeur pour la composante bleue (allant de 0 à 255)

Vous pouvez consultez cet article exhaustif sur les sélections des couleurs.


Remarque sur les valeurs hexadécimales :
La valeur hexadécimale la plus petite #000000 correspond au noir, et la plus grande #FFFFFF correspond au blanc. Une composante rouge verte ou bleue peut avoir une valeur allant de "00" à "FF".
Les valeurs hexadécimales vont de 0 à 15 (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F), A valant 10, B valant 11, ... F valant 15



Propriétés pour le style color :




Propriété Définition Valeurs CSS
color Défini une couleur pour le texte de l'élément nom couleur
valeur rgb
valeur #hexa
CSS 1


Exemple d'utilisation du style css color :





Application de couleurs par leurs noms :

<label style="color:green;">Couleur green</label>
<label style="color:steelblue;">Couleur steelblue</label>
<label style="color:firebrick;">Couleur firebrick</label>
<label style="color:seagreen;">Couleur seagreen</label>


Application de couleurs par leurs valeurs hexadécimales :

<label style="color:#000000;">Couleur noire : #000000</label>
<label style="color:#AEAEAE;">Couleur grise : #AEAEAE</label>
<label style="color:#FFFF00;">Couleur jaune : #FFFF00</label>
<label style="color:#800080;">Couleur violette : #800080</label>


Application de couleurs par leurs valeurs rgb :

<label style="color:rgb(0,0,0);">Couleur noire : rgb(0,0,0)</label>
<label style="color:rgb(150,150,150);">Couleur grise : rgb(150,150,150)</label>
<label style="color:rgb(85,210,172);">Couleur azure : rgb(85,210,172)</label>
<label style="color:rgb(180,85,85);">Couleur brique : rgb(180,85,85)</label>


Application de couleurs par leurs noms :







Application de couleurs par leurs valeurs hexadécimales :







Application de couleurs par leurs valeurs rgb :