La couleur en Web

• On peut utiliser le nom de la couleur, mais ce n'est pas recommandé (ex.: background-color:yellow;)
• Sinon, la couleur s'exprime à l'aide de sa recette RVB
• Plusieurs notations possibles :
  1. Hexadécimale : #RRVVBB → #FFCC32
     • Les nombres hexadécimaux vont ainsi de 00 à FF
     • Chaque pair de chiffres hexadécimaux représentent respectivement les valeurs de vert, de rouge et de bleu de la couleur.
     • La notation n'est pas sensible à la casse. #abcdef = #ABCDEF = #AbCdEf = …
     • On peut également utiliser la version abrégée à 3 chiffres d'une couleur, qui est équivalente à doubler chaque chiffre. Par exemple, #ABC = #AABBCC
  2. Décimale : rgb(rrr,vvv,bbb) → rgb(23,102,240)
     • Chaque nombre se situe entre 0 et 255
     • Ils représentent respectivement les valeurs de vert, de rouge et de bleu de la couleur.
     • On peut utiliser des nombres avec décimales (ex.: 123.45), mais ça ne fera aucune différence perceptible à l'écran.
  3. Pourcentage : rgb(rrr%,vvv%,bbb%) → rgb(9%,40%,94%)
     • Chaque nombre se situe entre 0 et 100
     • Ils représentent également le vert, le rouge et le bleu.
     • Le symbole de pourcentage est obligatoire pour tous les nombres.
     • On peut utiliser des nombres avec décimales.
  4. Avec transparence : rgba(rrr,vvv,bbb,a) → rgba(23,102,240,.5)
     • Les 3 premiers nombres s'utilisent comme les notations Décimale et Pourcentage.
     • Le quatrième nombre se situe entre 0 et 1. Ex.: .6 créera une couleur opaque à 60%.
     • 0 signifie complètement transparent et 1 est complètement opaque.