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">