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 :
- 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
- 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.
- 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.
- 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.