Codes couleurs pour HTML/CSS
Les codes de couleur permettent de colorer les textes, les fonds par les attributs color, bgcolor ou background:
<p style="color:#905575">texte</p> <body bgcolor="#eee">
Le code consiste en six chiffres: les deux premiers représentent la proportion de rouge, les deux suivants le vert, et les deux derniers le bleu, ce qui donne 16 777 216 nuances. Si on n'a pas besoin d'autant de nuances, on peut abréger le code en trois chiffres hexadécimaux: le premier pour la proportion de rouge, le deuxième de vert et le troisième de bleu; cela donne 4096 nuances.
L'ensemble de chiffres est précédé du dièse # et les valeurs utilisent les chiffres de 0 à 9 et de A à F. L'ensemble doit être précédés du dièse # pour montrer que le système utilise l'hexadécimal: 16 valeurs de 0 à 15, où A représente le 10; B, le 11… et F le 15
Il existe trois pages permettant de composer les couleurs selon les proportions de rouge, vert ou de bleu de 00 à FF.
Il est possible d'utiliser certains noms pour coder les couleurs. Pour obtenir du texte doré :
<span style="color: gold;">texte</span>
Voici un tableau des noms officiels :
aliceblue | antiquewhite | aqua | aquamarine | azure |
beige | bisque | black | blanchedalmond | blue |
blueviolet | brown | burlywood | cadetblue | chartreuse |
chocolate | coral | cornflowerblue | cornsilk | crimson |
cyan | darkblue | darkcyan | darkgoldenrod | darkgray |
darkgreen | darkkhaki | darkmagenta | darkolivegreen | darkorange |
darkorchid | darkred | darksalmon | darkseagreen | darkslateblue |
darkslategray | darkturquoise | darkviolet | deeppink | deepskyblue |
dimgray | dodgerblue | firebrick | floralwhite | forestgreen |
fuchsia | gainsboro | ghostwhite | gold | goldenrod |
gray | green | greenyellow | honeydew | hotpink |
indianred | indigo | ivory | khaki | lavender |
lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral |
lightcyan | lightgoldenrodyellow | lightgreen | lightgrey | lightpink |
lightsalmon | lightseagreen | lightskyblue | lightslategray | lightsteelblue |
lightyellow | lime | limegreen | linen | magenta |
maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple |
mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred |
midnightblue | mintcream | mistyrose | moccasin | navajowhite |
navy | oldlace | olive | olivedrab | orange |
orangered | orchid | palegoldenrod | palegreen | paleturquoise |
palevioletred | papayawhip | peachpuff | peru | pink |
plum | powderblue | purple | red | rosybrown |
royalblue | saddlebrown | salmon | sandybrown | seagreen |
seashell | sienna | silver | skyblue | slateblue |
slategray | snow | springgreen | steelblue | tan |
teal | thistle | tomato | turquoise | violet |
wheat | white | whitesmoke | yellow | yellowgreen |
Les couleurs suivantes ne sont pas garanties et dépendent de votre navigateur - Firefox et Chrome les reconnaissent. Chaque couleur est doublée de son équivalent en code hexadécimal, qui sera lu par tous les navigateurs en mode graphique. Vous noterez que ces codes n'utilisent que les lettres du nom de la couleur: | ||||
brass | cadet | cornflower | cyclamen | feldspar |
#b0a000 | #cade00 | #c0f0e0 | #c00ae0 | #fed0a0 |
flesh | grass | indian | meadow | scarlet |
#f0e000 | #00a000 | #00d0a0 | #0ead00 | #ca0e00 |
slate | summer | |||
#00a0e0 | #0000e0 |