On peut donc écrire (pour un fond jaune) :
Donc dans le cadre de la notation RGB on peut utiliser des pourcentages.
Pendant longtemps les navigateurs n'ont reconnu que les noms de 16 couleurs.
nom | code hexadécimal | code RGB | Aperçu |
---|---|---|---|
aqua / cyan | #00FFFF | 0,255,255 | |
black | #000000 | 0,0,0 | |
blue | #0000FF | 0,0,255 | |
fuchsia / magenta | #FF00FF | 255,0,255 | |
gray | #808080 | 128,128,128 | |
green | #008000 | 0,128,0 | |
lime | #00FF00 | 0,255,0 | |
maroon | #800000 | 128,0,0 | |
navy | #000080 | 0,0,128 | |
olive | #808000 | 128,128,0 | |
purple | #800080 | 128,0,128 | |
red | #FF0000 | 255,0,0 | |
silver | #C0C0C0 | 192,192,192 | |
teal | #008080 | 0,128,128 | |
white | #FFFFFF | 255,255,255 | |
yellow | #FFFF00 | 255,255,0 |
Vous pouvez remarquez qu'il y a deux paires de synonymes.
Ainsi aqua et cyan désignent la même couleur.
Je rappelle que dans le cadre du code RGB vous pouvez manipuler des pourcentages. Ainsi pour exprimer la couleur teal vous pouvez écrire : rgb(0%,50%,50%).
Je vous communique ci-dessous deux extraits du code HTML & CSS correspondant au tableau des 16 couleurs de base.
nom | code hexadécimal | code RGB | Aperçu |
---|---|---|---|
aqua / cyan | #00FFFF | 0,255,255 | |
black | #000000 | 0,0,0 | |
blue | #0000FF | 0,0,255 | |
white | #FFFFFF | 255,255,255 | |
yellow | #FFFF00 | 255,255,0 |
J'ai mis au point une petite application qui permet d'obtenir le code RGB d'une couleur après avoir déterminé celle-ci grâce à une palette : la boîte à couleurs
Ci-dessous une liste non exhaustive de noms de couleurs compris des différents navigateurs récents.
nom CSS | sens | Aperçu |
---|---|---|
beige | beige | |
antiquewhite | beige blanc antique | |
ivory | blanc ivoire | |
snow | blanc neige | |
steelblue | bleu acier | |
azure | bleu azur | |
skyblue | bleu ciel | |
indigo | bleu indigo | |
lavender | bleu lavande | |
brown | brun | |
chocolate | brun chocolat | |
khaki | brun kaki | |
tan | brun roux | |
lightcyan | cyan clair | |
turquoise | turquoise | |
ligthgrey | gris clair | |
wheat | jaune blé | |
goldenrod | jaune or | |
orange | orange | |
coral | corail | |
salmon | saumon | |
tomato | rouge tomate | |
pink | rose | |
violet | violet | |
aquamarine | vert aquatique | |
greenyellow | vert jaune | |
seagreen | vert marin | |
palegreen | vert pâle |
Vous trouverez dans ce même tuto toutes les nouveautés apportées par la version 3 en matière de notation des couleurs : RGBA, HSL et HSLA.
Retour menu