SourceForge.net Logo
8 Mai, 2006
© GPL
FractalWikiFR - ProWikiCentre
Codes Couleur Html
(redirection de Codes Couleur Html)

Il y a des endroits dans un wiki où les couleurs peuvent être spécifiées (voir FichierConfiguration et CdmlElements). Vous pouvez spécifier des couleurs en utilisant CdmlNomsCouleur ou le plus crypté mais universel CodesCouleurHtml.

Les couleurs HTML sont spécifiées par leurs valeurs numériques RGB en utilisant la syntaxe #RRGGBB. Chacune des valeurs représentant la partie rouge, vert ou bleu de la couleur résultante est spécifiée par un nombre hexadécimal dans la gamme entre 00 (décimal 0) et ff (décimal 255). Les signes hexadécimaux 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f représentent les nombres décimaux 0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15.

Ansi les 3 couleurs basiques sont :

#ff0000#00ff00#0000ff

et les combinaisons des deux couleurs :

#ffff00#00ffff#ff00ff


Parce que chacune des valeurs pour le R, G et B peuvent être étalonnées entre 0 et 255, le nombre résultant de couleurs différentes qui peuvent s'afficher est de : 256 * 256 * 256 = 16.777.216, les codes couleurs RGB peuvent être choisis arbitrairement par exemple :

#af8735#3789f0#fedcba

L'œil humain peut seulement distinguer plusieurs milliers de couleurs, de ce fait la gamme complète des couleurs RGB est rarement utilisée. Par exemple les couleurs suivantes sont presque impossibles à distinguer :

#eeeee0#eeeee1#eeeee2


Aini cela a du sens de se restreindre à une gamme limitée de couleurs. Un moyen pour y parvenir est d'utiliser seulement les 16 valeurs hexadécimales 00 11 22 33 44 55 66 77 88 99 aa bb cc dd ee and ff. Ceci donne un résultat de 4096 couleurs différentes.

Comparez svp les couleurs suivantes avec celles présentées au-dessus :

#aa8833#3388ee#ffddbb

Même si elles sont numériquement différentes, vous aurez du mal à noter une différence dans la couleur.


La prochaine étape est de réduire la gamme de couleurs à seulement 6 nuances par couleur : 00 33 66 99 cc ff. Ensuite les couleurs résultantes 6 x 6 x 6 = 216 restent :

#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

Cette palette de 216 couleurs est devenue très populaire depuis des années, parce que la première génération de PC en couleurs était capable de l'afficher. Pour les concepteurs web elle demeure une solution de compromis. De telle sorte que ces couleurs sont encore et même à ce jour les préférées par quelques concepteurs web.


LangueFrançaise PageTranslation ProWiki:HtmlColorCodes DossierGlossaire