Crayons : Références pour graphistes, infographistes(infographes), illustrateurs, webdesigners !

couleur
PDF Imprimer Envoyer

Codes Couleurs HTML

Á propos du code...

On définit les couleurs en HTML, par la combinaison des trois couleurs de base: RGB.
On donne à chaque couleur, une valeur hexadécimale se trouvant entre 00 et ff.
Ce "code" doit impérativement être précédé du caractère dièse # !

ex: <BODY BGCOLOR="#ff0000">

Sur une page web, on peut colorer le fond, le texte et les liens. Ces informations se trouvent dans le marqueur BODY ou dans la feuille de style.


ex: <BODY BGCOLOR="#ffffff" TEXT="#ffff00" LINK="#ff0000" VLINK="#3300ff" ALINK="#0000ff" BACKGROUND="papier.jpeg">
ce qui se traduit dans les faits par ceci:

* Le fond du document sera blanc (BODY BGCOLOR="#ffffff")
sans indications, blanc ou gris.
si l'image de fond: "papier.jpeg" n'est pas trouvée ! (BACKGROUND="fond.jpeg") si par contre je désire avoir seulement une couleur pour mon fond, je ne dois pas mettre de référence à une image tel que BACKGROUND="fond.jpeg".
* Le texte sera jaune (TEXT="#ffff00")
* Les liens par défaut sont bleu, ici je demande qu'ils soient rouge (LINK="#ff0000")
* Les liens visités sont souvent par défaut violet,
ici je demande qu'ils soient bleu (VLINK="#3300ff")
* Lorsque que vous cliquez sur un lien, sa couleur change le temps du clic, par défaut cette couleur est souvent rouge, ici je demande que ce soit le violet (ALINK="#0000ff")

Je vous donne ci-dessous les codes des couleurs et une visualisation immédiate pour la couleur de votre choix. Plus les correspondances en rgb et cmyk.

tableau 1 [00]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
00 00 00
0
0
0
0
0
0
100
00 00 33
0
0
20
20
20
0
80
00 00 66
0
0
40
40
40
0
60
00 00 99
0
0
60
60
60
0
40
00 00 cc
0
0
80
80
80
0
20
00 00 ff
0
0
100
100
100
0
0
00 33 00
0
20
0
20
0
20
80
00 33 33
0
20
20
20
0
0
80
00 33 66
0
20
40
40
20
0
60
00 33 99
0
20
60
60
40
0
40
00 33 cc
0
20
80
80
60
0
20
00 33 ff
0
20
100
100
80
0
0
00 66 00
0
40
0
40
0
40
60
00 66 33
0
40
20
40
0
20
60
00 66 66
0
40
40
40
0
0
60
00 66 99
0
40
60
60
20
0
40
00 66 cc
0
40
80
80
40
0
20
00 66 ff
0
40
100
100
60
0
0
00 99 00
0
60
0
60
0
60
40
00 99 33
0
60
20
60
0
40
40
00 99 66
0
60
40
60
0
20
40
00 99 99
0
60
60
60
0
0
40
00 99 cc
0
60
80
80
20
0
20
00 99 ff
0
60
100
100
40
0
0
00 cc 00
0
80
0
80
0
80
20
00 cc 33
0
80
20
80
0
60
20
00 cc 66
0
80
40
80
0
40
20
00 cc 99
0
80
60
80
0
20
20
00 cc cc
0
80
80
80
0
0
20
00 cc ff
0
80
100
100
20
0
0
00 ff 00
0
100
0
100
0
100
0
00 ff 33
0
100
20
100
0
80
0
00 ff 66
0
100
40
100
0
60
0
00 ff 99
0
100
60
100
0
40
0
00 ff cc
0
100
80
100
0
20
0
00 ff ff
0
100
100
100
0
0
0

tableau 2 [33]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
33 00 00
20
0
0
0
20
20
80
33 00 33
20
0
20
0
20
0
80
33 00 66
20
0
40
20
40
0
60
33 00 99
20
0
60
40
60
0
40
33 00 cc
20
0
80
60
80
0
20
33 00 ff
20
0
100
80
100
0
0
33 33 00
20
20
0
0
0
20
80
33 33 33
20
20
20
0
0
0
80
33 33 66
20
20
40
20
20
0
60
33 33 99
20
20
60
40
40
0
40
33 33 cc
20
20
80
60
60
0
20
33 33 ff
20
20
100
80
80
0
0
33 66 00
20
40
0
20
0
40
60
33 66 33
20
40
20
20
0
20
60
33 66 66
20
40
40
20
0
0
60
33 66 99
20
40
60
40
20
0
40
33 66 cc
20
40
80
60
40
0
20
33 66 ff
20
40
100
80
60
0
0
33 99 00
20
60
0
40
0
60
40
33 99 33
20
60
20
40
0
40
40
33 99 66
20
60
40
40
0
20
40
33 99 99
20
60
60
40
0
0
40
33 99 cc
20
60
80
60
20
0
20
33 99 ff
20
60
100
80
40
0
0
33 cc 00
20
80
0
60
0
80
20
33 cc 33
20
80
20
60
0
60
20
33 cc 66
20
80
40
60
0
40
20
33 cc 99
20
80
60
60
0
20
20
33 cc cc
20
80
80
60
0
0
20
33 cc ff
20
80
100
80
20
0
0
33 ff 00
20
100
0
80
0
100
0
33 ff 33
20
100
20
80
0
80
0
33 ff 66
20
100
40
80
0
60
0
33 ff 99
20
100
60
80
0
40
0
33 ff cc
20
100
80
80
0
20
0
33 ff ff
20
100
100
80
0
0
0

tableau 3 [66]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
66 00 00
40
0
0
0
40
40
60
66 00 33
40
0
20
0
40
20
60
66 00 66
40
0
40
0
40
0
60
66 00 99
40
0
60
20
60
0
40
66 00 cc
40
0
80
40
80
0
20
66 00 ff
40
0
100
60
100
0
0
66 33 00
40
20
0
0
20
40
60
66 33 33
40
20
20
0
20
20
60
66 33 66
40
20
40
0
20
0
60
66 33 99
40
20
60
20
40
0
40
66 33 cc
40
20
80
40
60
0
20
66 33 ff
40
20
100
60
80
0
0
66 66 00
40
40
0
0
0
40
60
66 66 33
40
40
20
0
0
20
60
66 66 66
40
40
40
0
0
0
60
66 66 99
40
40
60
20
20
0
40
66 66 cc
40
40
80
40
40
0
20
66 66 ff
40
40
100
60
60
0
0
66 99 00
40
60
0
20
0
60
40
66 99 33
40
60
20
20
0
40
40
66 99 66
40
60
40
20
0
20
40
66 99 99
40
60
60
20
0
0
40
66 99 cc
40
60
80
40
20
0
20
66 99 ff
40
60
100
60
40
0
0
66 cc 00
40
80
0
40
0
80
20
66 cc 33
40
80
20
40
0
60
20
66 cc 66
40
80
40
40
0
40
20
66 cc 99
40
80
60
40
0
20
20
66 cc cc
40
80
80
40
0
0
20
66 cc ff
40
80
100
60
20
0
0
66 ff 00
40
100
0
60
0
100
0
66 ff 33
40
100
20
60
0
80
0
66 ff 66
40
100
40
60
0
60
0
66 ff 99
40
100
60
60
0
40
0
66 ff cc
40
100
80
60
0
20
0
66 ff ff
40
100
100
60
0
0
0

tableau 4 [99]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
99 00 00
60
0
0
0
60
60
40
99 00 33
60
0
20
0
60
40
40
99 00 66
60
0
40
0
60
20
40
99 00 99
60
0
60
0
60
0
40
99 00 cc
60
0
80
20
80
0
20
99 00 ff
60
0
100
40
100
0
0
99 33 00
60
20
0
0
40
60
40
99 33 33
60
20
20
0
40
40
40
99 33 66
60
20
40
0
40
20
40
99 33 99
60
20
60
0
40
0
40
99 33 cc
60
20
80
20
60
0
20
99 33 ff
60
20
100
40
80
0
0
99 66 00
60
40
0
0
20
60
40
99 66 33
60
40
20
0
20
40
40
99 66 66
60
40
40
0
20
20
40
99 66 99
60
40
60
0
20
0
40
99 66 cc
60
40
80
20
40
0
20
99 66 ff
60
40
100
40
60
0
0
99 99 00
60
60
0
0
0
60
40
99 99 33
60
60
20
0
0
40
40
99 99 66
60
60
40
0
0
20
40
99 99 99
60
60
60
0
0
0
40
99 99 cc
60
60
80
20
20
0
20
99 99 ff
60
60
100
40
40
0
0
99 cc 00
60
80
0
20
0
80
20
99 cc 33
60
80
20
20
0
60
20
99 cc 66
60
80
40
20
0
40
20
99 cc 99
60
80
60
20
0
20
20
99 cc cc
60
80
80
20
0
0
20
99 cc ff
60
80
100
40
20
0
0
99 ff 00
60
100
0
40
0
100
0
99 ff 33
60
100
20
40
0
80
0
99 ff 66
60
100
40
40
0
60
0
99 ff 99
60
100
60
40
0
40
0
99 ff cc
60
100
80
40
0
20
0
99 ff ff
60
100
100
40
0
0
0

tableau 5 [cc]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
cc 00 00
80
0
0
0
80
80
20
cc 00 33
80
0
20
0
80
60
20
cc 00 66
80
0
40
0
80
40
20
cc 00 99
80
0
60
0
80
20
20
cc 00 cc
80
0
80
0
80
0
20
cc 00 ff
80
0
100
20
100
0
0
cc 33 00
80
20
0
0
60
80
20
cc 33 33
80
20
20
0
60
60
20
cc 33 66
80
20
40
0
60
40
20
cc 33 99
80
20
60
0
60
20
20
cc 33 cc
80
20
80
0
60
0
20
cc 33 ff
80
20
100
20
80
0
0
cc 66 00
80
40
0
0
40
80
20
cc 66 33
80
40
20
0
40
60
20
cc 66 66
80
40
40
0
40
40
20
cc 66 99
80
40
60
0
40
20
20
cc 66 cc
80
40
80
0
40
0
20
cc 66 ff
80
40
100
20
60
0
0
cc 99 00
80
60
0
0
20
80
20
cc 99 33
80
60
20
0
20
60
20
cc 99 66
80
60
40
0
20
40
20
cc 99 99
80
60
60
0
20
20
20
cc 99 cc
80
60
80
0
20
0
20
cc 99 ff
80
60
100
20
40
0
0
cc cc 00
80
80
0
0
0
80
20
cc cc 33
80
80
20
0
0
60
20
cc cc 66
80
80
40
0
0
40
20
cc cc 99
80
80
60
0
0
20
20
cc cc cc
80
80
80
0
0
0
20
cc cc ff
80
80
100
20
20
0
0
cc ff 00
80
100
0
20
0
100
0
cc ff 33
80
100
20
20
0
80
0
cc ff 66
80
100
40
20
0
60
0
cc ff 99
80
100
60
20
0
40
0
cc ff cc
80
100
80
20
0
20
0
cc ff ff
80
100
100
20
0
0
0

tableau 6 [ff]

Couleurs
Code HTML
red
green
blue
cyan
magenta
yellow
black
ff 00 00
100
0
0
0
100
100
0
ff 00 33
100
0
20
0
100
80
0
ff 00 66
100
0
40
0
100
60
0
ff 00 99
100
0
60
0
100
40
0
ff 00 cc
100
0
80
0
100
20
0
ff 00 ff
100
0
100
0
100
0
0
ff 33 00
100
20
0
0
80
100
0
ff 33 33
100
20
20
0
80
80
0
ff 33 66
100
20
40
0
80
60
0
ff 33 99
100
20
60
0
80
40
0
ff 33 cc
100
20
80
0
80
20
0
ff 33 ff
100
20
100
0
80
0
0
ff 66 00
100
40
0
0
60
100
0
ff 66 33
100
40
20
0
60
80
0
ff 66 66
100
40
40
0
60
60
0
ff 66 99
100
40
60
0
60
40
0
ff 66 cc
100
40
80
0
60
20
0
ff 66 ff
100
40
100
0
60
0
0
ff 99 00
100
60
0
0
40
100
0
ff 99 33
100
60
20
0
40
80
0
ff 99 66
100
60
40
0
40
60
0
ff 99 99
100
60
60
0
40
40
0
ff 99 cc
100
60
80
0
40
20
0
ff 99 ff
100
60
100
0
40
0
0
ff cc 00
100
80
0
0
20
100
0
ff cc 33
100
80
20
0
20
80
0
ff cc 66
100
80
40
0
20
60
0
ff cc 99
100
80
60
0
20
40
0
ff cc cc
100
80
80
0
20
20
0
ff cc ff
100
80
100
0
20
0
0
ff ff 00
100
100
0
0
0
100
0
ff ff 33
100
100
20
0
0
80
0
ff ff 66
100
100
40
0
0
60
0
ff ff 99
100
100
60
0
0
40
0
ff ff cc
100
100
80
0
0
20
0
ff ff ff
100
100
100
0
0
0
0

Toutes les bonnes volontés sont le bienvenu pour étoffer, corriger ces informations!