Accueil > Codage > HTML & CSS > Palette de couleurs

Palette de couleurs

Les couleurs en HTML nécessitent une syntaxe de codage un peu particulière basée sur le codage RVB (Rouge Vert Bleu).

Sur le principe des couleurs complémentaires et autres règles de physique optique, la syntaxe prendra cette forme :

couleur=#RRVVBB

RR, VV et BB correspondent à un nombre en 00 et FF pour le rouge, le vert et le bleu respectivement.

En appliquant cette syntaxe, il est possible d’obtenir une palette de plus de seize millions de couleurs.

Afin de simplifier la palette, une centaine de couleurs a été choisie. Ces couleurs possèdent un nom en toutes lettres en plus de leur code RVB. Il est donc possible d’utiliser la syntaxe :

couleur=nom_de_couleur

Cependant, il existe une multitude d’autres couleurs qui ne portent pas de noms.

Palette de couleurs

Cette palette reprend la centaine de couleurs identifiées par un nom.

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