Les codes couleurs pour HTML
La palette de couleurs contient
16 millions de teintes différentes résultant de la combinaison des
trois couleurs du tube-image, RVB (Rouge,
Vert, Bleu)
qui composent les couleurs de
l'écran.
Ainsi la sélection d'une couleur peut se faire précisément parmi un vaste
choix pratiquement illimité par rapport aux capacités de l'œil humain dans la
distinction des teintes. Il est possible d'affecter des couleurs pour tout
élément d'un document HTML comme le texte ou les fonds, par la
formule suivante : "rgb(Valeur rouge, Valeur verte, Valeur bleue)", où
chacune des valeurs se situe dans une plage de 0 à 255, soit par
l'intermédiaire d'un code alphanumérique comme : "#3300CC", soit par
une dénomination de la couleur en anglais, par exemple : "blue".
Pour chacune des trois couleurs, de
"00" à "FF" en passant par "56" ou "E8", il y a 256 nuances. La combinaison
des trois couleurs peut ainsi créer plus de 16 millions de couleurs (Rouge
"--", Vert "--" et Bleu "--" donnent "------", un code de 6 décimales, en base
16). Le langage HTML n'en accepte que 216.
Le code
d'une couleur en HTML s'écrit donc ainsi : "#33cc66". Trois paires de
"chiffres" 00, 33, 66, 99, cc, ff après un dièse #.
Cette méthode assure un total respect de
l'exactitude du rendu d'une couleur dans n'importe quel navigateur existant.
Les 16 couleurs principales reconnues selon la norme
HTML 3.2
|
Couleur |
Nom |
Code
alphanumérique |
Formule CSS |
Rendu |
|
Blanc |
white |
#FFFFFF |
rgb(255, 255, 255) |
|
|
Noir |
black |
#000000 |
rgb(0, 0, 0) |
|
|
Gris |
Gray |
#808080 |
rgb(128, 128, 128) |
|
|
Argent |
silver |
#C0C0C0 |
rgb(192, 192, 192) |
|
|
Bleu |
blue |
#0000FF |
rgb(0, 0, 255) |
|
|
Bleu marine |
navy |
#000080 |
rgb(0, 0, 128) |
|
|
Cyan |
cyan |
#00FFFF |
rgb(0, 255, 255) |
|
|
Cyan foncée |
teal |
#008080 |
rgb(0, 128, 128) |
|
|
Vert |
green |
#008000 |
rgb(0, 128, 0) |
|
|
Vert olive |
olive |
#808000 |
rgb(128, 128, 0) |
|
|
Vert clair |
lime |
#00FF00 |
rgb(0, 255, 0) |
|
|
Lilas |
fuschia |
#FF00FF |
rgb(255, 0, 255) |
|
|
Pourpre |
purple |
#800080 |
rgb(128, 0, 128) |
|
|
Rouge |
red |
#FF0000 |
rgb(255, 0, 0) |
|
|
Marron |
maroon |
#800000 |
rgb(128, 0, 0) |
|
|
Jaune |
yellow |
#FFFF00 |
rgb(255, 255, 0) |
|
Autres couleurs reconnues par Netscape 4 et I.Explorer
4
|
Nom
|
Couleur affichée
|
|
azure
|
Bleu azur |
#F0FFFF |
|
|
bisque |
Beige |
#FFE4C4 |
|
|
brown |
Brun |
#A52A2A |
|
|
blueviolet |
Bleu-violet |
#8A2BE2 |
|
|
chartreuse |
Vert
clair |
#7FFF00 |
|
|
chocolate |
Brun
clair |
#D2691E |
|
|
cornsilk |
Rose
clair |
#FFF8DC |
|
|
darkgreen |
Vert
foncé |
#006400 |
|
|
darkorange |
Orange
foncé |
#FF8C00 |
|
|
darkorchid |
Mauve
foncé |
#9932CC |
|
|
deepskyblue |
Bleu
ciel |
#00BFFF |
|
|
gold |
Doré |
#FFD700 |
|
|
ivory |
Ivoire |
#FFFFF0 |
|
|
lavender |
Lavande |
#E6E6FA |
|
|
orange |
Orange |
#FFA500 |
|
|
pink |
Rose |
#FFC0CB |
|
|
plum |
Prune |
#DDA0DD |
|
|
salmon |
Saumon |
#FA8072 |
|
|
snow |
Neige |
#FFFAFA |
|
|
turquoise |
Turquoise |
#40E0D0 |
|
|
wheat |
Jaune
paille |
#F5DEB3 |
|
Voici
les 216 codes hexa des couleurs pour utiliser avec vos textes, vos tableaux,
votre fond d'écran, ...
|
|
#000000 |
|
#000033 |
|
#000066 |
|
#000099 |
|
#0000CC |
|
#0000FF |
|
|
#003300 |
|
#003333 |
|
#003366 |
|
#003399 |
|
#0033CC |
|
#0033FF |
|
|
#006600 |
|
#006633 |
|
#006666 |
|
#006699 |
|
#0066CC |
|
#0066FF |
|
|
#009900 |
|
#009933 |
|
#009966 |
|
#009999 |
|
#0099CC |
|
#0099FF |
|
|
#00CC00 |
|
#00CC33 |
|
#00CC66 |
|
#00CC99 |
|
#00CCCC |
|
#00CCFF |
|
|
#00FF00 |
|
#00FF33 |
|
#00FF66 |
|
#00FF99 |
|
#00FFCC |
|
#00FFFF |
|
|
#330000 |
|
#330033 |
|
#330066 |
|
#330099 |
|
#3300CC |
|
#3300FF |
|
|
#333300 |
|
#333333 |
|
#333366 |
|
#333399 |
|
#3333CC |
|
#3333FF |
|
|
#336600 |
|
#336633 |
|
#336666 |
|
#336699 |
|
#3366CC |
|
#3366FF |
|
|
#339900 |
|
#339933 |
|
#339966 |
|
#339999 |
|
#3399CC |
|
#3399FF |
|
|
#33CC00 |
|
#33CC33 |
|
#33CC66 |
|
#33CC99 |
|
#33CCCC |
|
#33CCFF |
|
|
#33FF00 |
|
#33FF33 |
|
#33FF66 |
|
#33FF99 |
|
#33FFCC |
|
#33FFFF |
|
|
#660000 |
|
#660033 |
|
#660066 |
|
#660099 |
|
#6600CC |
|
#6600FF |
|
|
#663300 |
|
#663333 |
|
#663366 |
|
#663399 |
|
#6633CC |
|
#6633FF |
|
|
#666600 |
|
#666633 |
|
#666666 |
|
#666699 |
|
#6666CC |
|
#6666FF |
|
|
#669900 |
|
#669933 |
|
#669966 |
|
#669999 |
|
#6699CC |
|
#6699FF |
|
|
#66CC00 |
|
#66CC33 |
|
#66CC66 |
|
#66CC99 |
|
#66CCCC |
|
#66CCFF |
|
|
#66FF00 |
|
#66FF33 |
|
#66FF66 |
|
#66FF99 |
|
#66FFCC |
|
#66FFFF |
|
|
#990000 |
|
#990033 |
|
#990066 |
|
#990099 |
|
#9900CC |
|
#9900FF |
|
|
#993300 |
|
#993333 |
|
#993366 |
|
#993399 |
|
#9933CC |
|
#9933FF |
|
|
#996600 |
|
#996633 |
|
#996666 |
|
#996699 |
|
#9966CC |
|
#9966FF |
|
|
#999900 |
|
#999933 |
|
#999966 |
|
#999999 |
|
#9999CC |
|
#9999FF |
|
|
#99CC00 |
|
#99CC33 |
|
#99CC66 |
|
#99CC99 |
|
#99CCCC |
|
#99CCFF |
|
|
#99FF00 |
|
#99FF33 |
|
#99FF66 |
|
#99FF99 |
|
#99FFCC |
|
#99FFFF |
|
|
#CC0000 |
|
#CC0033 |
|
#CC0066 |
|
#CC0099 |
|
#CC00CC |
|
#CC00FF |
|
|
#CC3300 |
|
#CC3333 |
|
#CC3366 |
|
#CC3399 |
|
#CC33CC |
|
#CC33FF |
|
|
#CC6600 |
|
#CC6633 |
|
#CC6666 |
|
#CC6699 |
|
#CC66CC |
|
#CC66FF |
|
|
#CC9900 |
|
#CC9933 |
|
#CC9966 |
|
#CC9999 |
|
#CC99CC |
|
#CC99FF |
|
|
#CCCC00 |
|
#CCCC33 |
|
#CCCC66 |
|
#CCCC99 |
|
#CCCCCC |
|
#CCCCFF |
|
|
#CCFF00 |
|
#CCFF33 |
|
#CCFF66 |
|
#CCFF99 |
|
#CCFFCC |
|
#CCFFFF |
|
|
#FF0000 |
|
#FF0033 |
|
#FF0066 |
|
#FF0099 |
|
#FF00CC |
|
#FF00FF |
|
|
#FF3300 |
|
#FF3333 |
|
#FF3366 |
|
#FF3399 |
|
#FF33CC |
|
#FF33FF |
|
|
#FF6600 |
|
#FF6633 |
|
#FF6666 |
|
#FF6699 |
|
#FF66CC |
|
#FF66FF |
|
|
#FF9900 |
|
#FF9933 |
|
#FF9966 |
|
#FF9999 |
|
#FF99CC |
|
#FF99FF |
|
|
#FFCC00 |
|
#FFCC33 |
|
#FFCC66 |
|
#FFCC99 |
|
#FFCCCC |
|
#FFCCFF |
|
|
#FFFF00 |
|
#FFFF33 |
|
#FFFF66 |
|
#FFFF99 |
|
#FFFFCC |
|
#FFFFFF |
Définition des
couleurs dans les balises HTML
Voici la liste des balises où le code couleur est
utilisé sous forme de valeur hexadécimale ou nom de la couleur.
Couleur de fond de page :
<body bgcolor="#cc3300">
Couleur du texte : <body
text="#cc3300">
Couleur des liens : <body
link="#cc3300">
Couleurs des liens visités :
<body vlink="#cc3300">
Couleur du lien actif (clic de la souris) :
<body alink="#cc3300">
Couleur d'une portion de texte entre balises :
<font color="#cc3300">Exemple</font>
Couleur de fond d'un tableau :
<table bgcolor="#cc3300">
Couleur de fond d'une cellule-titre :
<th bgcolor="#cc3300">
Couleur de fond d'une cellule :
<td bgcolor="#cc3300">