- · Niveau : DÉBUTANT
- · Compatibilité : Tous les navigateurs
Les couleurs d’une page Web doivent être en hexadécimal (Hex code) pour pouvoir être interprété par le navigateur. En gros, il s’agit d’une combinaison de trois chiffres représentant une variation des 3 couleurs de base (rouge, vert, bleu). Pour faire une histoire courte, l’hexadécimal est un nombre à la base 16, c’est pourquoi vous retrouvez les lettres : A, B, C, D, E, F, soit 11, 12, 13, 14, 15, 16. Une combinaison donne par exemple : FF et FF et FF pour le blanc ou 00 et 00 et 00 pour le noir. Bien que ce ne soit pas obligatoire, normalement on fait précéder la combinaison par le symbole « # » , comme ceci : #FFFFFF.
Plusieurs couleurs peuvent être indiquées par le nom en anglais de la couleur, comme « red » ou « blue », parce qu’une constante a été définie à l’avance par les navigateurs mais la majorité des couleurs doivent être indiqué par leur combinaison en hexadécimal.
Par exemple, si vous désirez que le fond de votre document soit bleu vous devez faire comme ceci :
<body style="background-color:#000099">
Pour une phrase en bleu
<span style="color:#000099;">Votre phrase</span>
Voici donc la liste complète des entité HTML de couleur.
Code Hex | Couleur |
#FFFFFF | |
#FFFFCC | |
#FFFF99 | |
#FFFF66 | |
#FFFF33 | |
#FFFF00 | |
#FFCCFF | |
#FFCCCC | |
#FFCC99 | |
#FFCC66 | |
#FFCC33 | |
#FFCC00 | |
#FF99FF | |
#FF99CC | |
#FF9999 | |
#FF9966 | |
#FF9933 | |
#FF9900 | |
#FF66FF | |
#FF66CC | |
#FF6699 | |
#FF6666 | |
#FF6633 | |
#FF6600 | |
#FF33FF | |
#FF33CC | |
#FF3399 | |
#FF3366 | |
#FF3333 | |
#FF3300 | |
#FF00FF | |
#FF00CC | |
#FF0099 | |
#FF0066 | |
#FF0033 | |
#FF0000 | |
#66FFFF | |
#66FFCC | |
#66FF99 | |
#66FF66 | |
#66FF33 | |
#66FF00 | |
#66CCFF | |
#66CCCC | |
#66CC99 | |
#66CC66 | |
#66CC33 | |
#66CC00 | |
#6699FF | |
#6699CC | |
#669999 | |
#669966 | |
#669933 | |
#669900 | |
#6666FF | |
#6666CC | |
#666699 | |
#666666 | |
#666633 | |
#666600 | |
#6633FF | |
#6633CC | |
#663399 | |
#663366 | |
#663333 | |
#663300 | |
#6600FF | |
#6600CC | |
#660099 | |
#660066 | |
#660033 | |
#660000 | |
|
|
Code Hex | Couleur |
#CCFFFF | |
#CCFFCC | |
#CCFF99 | |
#CCFF66 | |
#CCFF33 | |
#CCFF00 | |
#CCCCFF | |
#CCCCCC | |
#CCCC99 | |
#CCCC66 | |
#CCCC33 | |
#CCCC00 | |
#CC99FF | |
#CC99CC | |
#CC9999 | |
#CC9966 | |
#CC9933 | |
#CC9900 | |
#CC66FF | |
#CC66CC | |
#CC6699 | |
#CC6666 | |
#CC6633 | |
#CC6600 | |
#CC33FF | |
#CC33CC | |
#CC3399 | |
#CC3366 | |
#CC3333 | |
#CC3300 | |
#CC00FF | |
#CC00CC | |
#CC0099 | |
#CC0066 | |
#CC0033 | |
#CC0000 | |
#33FFFF | |
#33FFCC | |
#33FF99 | |
#33FF66 | |
#33FF33 | |
#33FF00 | |
#33CCFF | |
#33CCCC | |
#33CC99 | |
#33CC66 | |
#33CC33 | |
#33CC00 | |
#3399FF | |
#3399CC | |
#339999 | |
#339966 | |
#339933 | |
#339900 | |
#3366FF | |
#3366CC | |
#336699 | |
#336666 | |
#336633 | |
#336600 | |
#3333FF | |
#3333CC | |
#333399 | |
#333366 | |
#333333 | |
#333300 | |
#3300FF | |
#3300CC | |
#330099 | |
#330066 | |
#330033 | |
#330000 | |
|
|
Code Hex | Couleur |
#99FFFF | |
#99FFCC | |
#99FF99 | |
#99FF66 | |
#99FF33 | |
#99FF00 | |
#99CCFF | |
#99CCCC | |
#99CC99 | |
#99CC66 | |
#99CC33 | |
#99CC00 | |
#9999FF | |
#9999CC | |
#999999 | |
#999966 | |
#999933 | |
#999900 | |
#9966FF | |
#9966CC | |
#996699 | |
#996666 | |
#996633 | |
#996600 | |
#9933FF | |
#9933CC | |
#993399 | |
#993366 | |
#993333 | |
#993300 | |
#9900FF | |
#9900CC | |
#990099 | |
#990066 | |
#990033 | |
#990000 | |
#00FFFF | |
#00FFCC | |
#00FF99 | |
#00FF66 | |
#00FF33 | |
#00FF00 | |
#00CCFF | |
#00CCCC | |
#00CC99 | |
#00CC66 | |
#00CC33 | |
#00CC00 | |
#0099FF | |
#0099CC | |
#009999 | |
#009966 | |
#009933 | |
#009900 | |
#0066FF | |
#0066CC | |
#006699 | |
#006666 | |
#006633 | |
#006600 | |
#0033FF | |
#0033CC | |
#003399 | |
#003366 | |
#003333 | |
#003300 | |
#0000FF | |
#0000CC | |
#000099 | |
#000066 | |
#000033 | |
#000000 | |
|
|