Couleurs CSS HEX
Une couleur hexadécimale est spécifiée avec : #RRGGBB, où les entiers hexadécimaux RR (rouge), GG (vert) et BB (bleu) spécifient les composantes de la couleur.
Valeur HEX
En CSS, une couleur peut être spécifiée à l'aide d'une valeur hexadécimale sous la forme :
#rrggbb _
Où rr (rouge), gg (vert) et bb (bleu) sont des valeurs hexadécimales comprises entre 00 et ff (identique à la décimale 0-255).
Par exemple, #ff0000 est affiché en rouge, car le rouge est réglé sur sa valeur la plus élevée (ff) et les autres sont réglés sur la valeur la plus basse (00).
Pour afficher le noir, réglez toutes les valeurs sur 00, comme ceci : #000000.
Pour afficher le blanc, réglez toutes les valeurs sur ff, comme ceci : #ffffff.
Expérimentez en mélangeant les valeurs HEX ci-dessous :
#ff6347
ROUGE
VERT
BLEU
Exemple
Les nuances de gris sont souvent définies en utilisant des valeurs égales pour les 3 sources lumineuses :
Exemple
Valeur HEX à 3 chiffres
Parfois, vous verrez un code hexadécimal à 3 chiffres dans la source CSS.
Le code hexadécimal à 3 chiffres est un raccourci pour certains codes hexadécimaux à 6 chiffres.
Le code hexadécimal à 3 chiffres a la forme suivante :
# RVB
Où r, g et b représentent les composants rouge, vert et bleu avec des valeurs comprises entre 0 et f.
Le code hexadécimal à 3 chiffres ne peut être utilisé que lorsque les deux valeurs (RR, GG et BB) sont identiques pour chaque composant. Donc, si nous avons #ff00cc, cela peut s'écrire comme suit : #f0c.
Voici un exemple:
Exemple
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}