CSS Color

L'instruction color en CSS permet de définir la couleur du texte.


On peut déclarer une couleur de plusieurs façons :

  • En utilisant le nom de la couleur,
  • Rouge --> red
  • Vert --> green
  • Blanc --> white
  • En utilisant les valeurs Hexadécimal allant de 0 à F
  • #FFFFFF
  • #999999
  • #FF6347
  • En utilisateur les valeurs RGB allant de 0 à 255
  • RGB(0, 0, 0)
  • RGB(255, 255, 255)
  • RGB(255, 99, 71)
  • En utilisant les valeurs RGBA qui ajoute la transparence à la couleur
  • RGBA(0, 0, 0, .5)
  • RGBA(255, 255, 255, .7)
  • RGBA(255, 99, 71, .3)


Il existe également le HSL et le HSLA qui fonctionne comme le RGB ou RGBA mais avec des pourcentage allant de 0 à 100%


Exemple pour mettre une couleur au texte :

<h1 style="color: red;">Bonjour</h1>
<p style="color: rgb(255, 99, 71)">Je vois mon texte</p>
<p style="color: rgba(255, 99, 71, 1)">en couleu</p>
<div style="color: #ff6347">Fin</div>
Cette pub permet au site de vivre ...