Les couleurs HTML
Présentation
il existe 3 façons de déinir une couleur en HTML et en CSS
- Via son nomEn anglais)
- Via son code hexadécimal
- Via son code RGB
Hexadécimal
Depuis l'enfance, on apprend à compter sur une base décimale (de 0 à 9 soit 10 chiffres). Mais on peut aussi compter sur une base :
- binaire 0 ou 1
- octal de 0 à 7
- hexadécimale de 0 à 9 et de A à F
Donc on aura
Décimal | 0 | 1 | 2 | 3 | 4 | 50 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Héxa | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
Pour définit une couleur hexadécimale on va définir la valeur du rouge, la valeur du vert et la valeur du bleu
Par exemple prenons du rouge. La valeur RGB est 255, 0, 0
on va diviser la valeur décimale (du RBB) par 16 255 / 16 = 15.93 soit 15 ce qui fait F
Les couleurs communes
Voici la liste des couleurs de base ou couramment utilisées
Nom | HEXA | RGB |
---|---|---|
White | #FFFFFF | rgb(255, 255, 255) |
Silver | #C0C0C0 | rgb(192, 192, 192) |
Gray | #808080 | rgb(128, 128, 128) |
Black | #000000 | rgb(0, 0, 0) |
Red | #FF0000 | rgb(255, 0, 0) |
Maroon | #800000 | rgb(128, 0, 0) |
Yellow | #FFFF00 | rgb(255, 255, 0) |
Olive | #808000 | rgb(128, 128, 0) |
Lime | #00FF00 | rgb(0, 255, 0) |
Green | #008000 | rgb(0, 128, 0) |
Aqua | #00FFFF | rgb(0, 255, 255) |
Teal | #008080 | rgb(0, 128, 128) |
Blue | #0000FF | rgb(0, 0, 255) |
Navy | #000080 | rgb(0, 0, 128) |
Fuchsia | #FF00FF | rgb(255, 0, 255) |
Purple | #800080 | rgb(128, 0, 128) |