site sans réclame HTMLCont@ctS'abonner

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

Les liens Rouge · Vert · bleu renvoient à des tableaux, classés par proportion de lumière rouge, verte ou rouge de 0, 1, 2... à F.

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. InternetExplorer, Konqueror (et Safari?) les affichent; Mozilla et dérivés ne les affichent pas. Il vaut donc mieux les éviter. Chaque couleur est doublée de son équivalent en code hexadécimal, qui sera lu par tous les navigateurs en mode graphique:
 
brass cadet cornflower cyclamen feldspar
#b0a000 #cade00 #c0f0e0 #c00ae0 #fed0a0
 
flesh grass indian meadow scarlet
#f0e000 #00a000 #00d0a0 #0ead00 #ca0e00
 
slate summer
#00a0e0 #0000e0