Codes des couleurs sous HTML

Voici un article qui est plus, un aide-mémoire qu'un tutoriel sur les codes couleurs sous HTML et/ou CSS.

Comment ça se présente

On peut présenter les codes couleurs HTML de 2 façons, soit en utilisant les composantes RVB, soit par leurs noms.

Composantes RVB

Les couleurs HTML sont définies par 3 nombres hexadécimaux représentant les composantes Rouge, Vert et Bleu de la couleur. Ces nombres hexadécimaux seront compris entre 00 et FF. Ce qui donnera un peu plus de 16 millions de couleurs disponibles.

color="#RRVVBB"

Attention, certains navigateurs d'anciennes générations ne reconnaissent que les 256 couleurs définies par le W3C (voir tableau ci-dessous).

Par nom

Une autre technique pour définir les couleurs en HTML, c'est de spécifier le nom de la dite couleur.

color="chocolate"

Tableau de correspondance entre nom et code couleur

Nom de couleur Code RVB Aperçu
aliceblue #F0F8FF aliceblue
antiquewhite #FAEBD7 antiquewhite
aqua #00FFFF aqua
aquamarine #7FFFD4 aquamarine
azure #F0FFFF azure
beige #F5F5DC beige
bisque #FFE4C4 bisque
black #000000 black
blanchedalmond #FFEBCD blanchedalmond
blue #0000FF blue
blueviolet #8A2BE2 blueviolet
brown #A52A2A brown
burlywood #DEB887 burlywood
cadetblue #5F9EA0 cadetblue
chartreuse #7FFF00 chartreuse
chocolate #D2691E chocolate
coral #FF7F50 coral
cornflowerblue #6495ED cornflower
cornsilk #FFF8DC cornsilk
crimson #DC143C crimson
cyan #00FFFF cyan
darkblue #00008B darkblue
darkcyan #008B8B darkcyan
darkgoldenrod #B8860B darkgoldenrod
darkgray #A9A9A9 darkgray
darkgreen #006400 darkgreen
darkkhaki #BDB76B darkkhaki
darkmagenta #8B008B darkmagenta
darkolivegreen #556B2F darkolivegreen
darkorange #FF8C00 darkorange
darkorchid #9932CC darkorchid
darkred #8B0000 darkred
darksalmon #E9967A darksalmon
darkseagreen #8FBC8F darkseagreen
darkslateblue #483D8B darkslateblue
darkslategray #2F4F4F darkslategray
darkturquoise #00CED1 darkturquoise
darkviolet #9400D3 darkviolet
deeppink #FF1493 deeppink
deepskyblue #00BFFF deepskyblue
dimgray #696969 dimgray
dodgerblue #1E90FF dodgerblue
firebrick #B22222 firebrick
floralwhite #FFFAF0 floralwhite
forestgreen #228B22 forestgreen
fuchsia #FF00FF fuchsia
gainsboro #DCDCDC gainsboro
ghostwhite #F8F8FF ghostwhite
gold #FFD700 gold
goldenrod #DAA520 goldenrod
gray #808080 gray
green #008000 green
greenyellow #ADFF2F greenyellow
honeydew #F0FFF0 honeydew
hotpink #FF69B4 hotpink
indianred #CD5C5C indianred
indigo #4B0082 indigo
ivory #FFFFF0 ivory
khaki #F0E68C khaki
lavender #E6E6FA lavender
lavenderblush #FFF0F5 lavenderblush
lawgreen #7CFC00 lawgreen
lemonchiffon #FFFACD lemonchiffon
lightblue #ADD8E6 lightblue
lightcoral #F08080 lightcoral
lightcyan #E0FFFF lightcyan
lightgoldenrodyellow #FAFAD2 lightgoldenrodyellow
lightgreen #90EE90 lightgreen
lightgrey #D3D3D3 lightgrey
lightpink #FFB6C1 lightpink
lightsalmon #FFA07A lightsalmon
lightseagreen #20B2AA lightseagreen
lightskyblue #87CEFA lightskyblue
lightslategray #778899 lightslategray
lightsteelblue #B0C4DE lightsteelblue
lightyellow #FFFFE0 lightyellow
lime #00FF00 lime
limegreen #32CD32 limegreen
linen #FAF0E6 linen
magenta #FF00FF magenta
maroon #800000 maroon
mediumaquamarine #66CDAA mediumaquamarine
mediumblue #0000CD mediumblue
mediumorchid #BA55D3 mediumorchid
mediumpurple #9370DB mediumpurple
mediumseagreen #3CB371 mediumseagreen
mediumslateblue #7B68EE mediumslateblue
mediumspringgreen #00F19A mediumspringgreen
mediumturquoise #48D1CC mediumturquoise
mediumvioletred #C71585 mediumvioletred
midnightblue #191970 midnightblue
mintcream #F5FFFA mintcrean
mistyrose #FFE4E1 mistyrose
moccasin #FFE4B5 moccasin
navajowhite #DDDEAD navajowhite
navy #000080 navy
oldlace #FDF5E6 oldlace
olive #808000 olive
olivedrab #6B8E23 olivedrab
orange #FFA500 orange
orangered #FF4500 orangered
orchid #DA70D6 orchid
palegoldenrod #EEE8AA palegoldenrod
palegreen #98FB98 palegreen
paleturquoise #AFEEEE paleturquoise
palevioletred #DB7093 palevioletred
papayawhip #FFEFD5 papayawhip
peachpuff #FFDAB9 peachpuff
peru #CD853F peru
pink #FFC0CB pink
plum #DDA0DD plum
powderblue #B0E0E6 powderblue
purple #800080 purple
red #FF0000 red
rosybrown #BC8F8F rosybrown
royalblue #4169E1 royalblue
saddlebrown #8B4513 saddlebrown
salmon #FA8072 salmon
sandybrown #F4A460 sandybrown
seagreen #2E8B57 seagreen
seashell #FFF5EE seashell
sienna #A0522D sienna
silver #C0C0C0 silver
skyblue #87CEEB skyblue
slateblue #6A5ACD slateblue
slategray #708090 slategray
snow #FFFAFA snow
springgreen #00FF7F springgreen
steelblue #4682B4 steelblue
tan #D2B48C tan
teal #008080 teal
thistle #D8BFD8 thistle
tomato #FF6347 tomato
turquoise #40E0D0 turquoise
violet #EE82EE violet
wheat #F5DEB3 wheat
white #FFFFFF white
whitesmoke #F5F5F5 whitesmoke
yellow #FFFF00 yellow
yellowgreen #9ACD32 yellowgreen

Notes de version

  • [18/11/2017] : Harmonisation de la page

Auteurs et sources