L'espace RGB
C'est quoi?
Pour représenter une couleur, nous utilisons le codage RGB (Red, Green, Blue en anglais).BR Ce codage consiste à représenter l'espace des couleurs à partir de trois rayonnements monochromatiques de couleurs : rouge (R), vert (G), bleu(B).BR Cet espace de couleur correspond à la façon dont les toutes les couleurs sont codées informatiquement.BR Etant donné que le codage RGB repose sur trois composantes, on le représente généralement graphiquement par un cube dont chacun des axes correspond à une couleur primaire :
attachment:rgb.jpg
Chaque composante R, G ou B peut prendre une valeur entre 0 et 255.BR Vous disposez donc de 16777216 couleurs (256 x 256 x 256), soit plus que l'oeil humain ne peut en discerner.
Les couleurs primaires
Les couleurs primaires sont donc codées de la façon suivante telles les huit sommet d'un cube:
R |
G |
B |
Couleur |
codage |
255 |
0 |
0 |
Rouge |
#FF0000 |
255 |
255 |
0 |
Jaune |
#FFFF00 |
0 |
255 |
0 |
Vert |
#00FF00 |
0 |
255 |
255 |
Cyan |
#00FFFF |
0 |
0 |
255 |
Bleu |
#0000FF |
255 |
0 |
255 |
Magenta |
#FF00FF |
255 |
255 |
255 |
Blanc |
#FFFFFF |
0 |
0 |
0 |
Noir |
#000000 |
Comment passer en base hexadecimale?
Decimal |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
... |
253 |
254 |
255 |
Hexa |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
A |
B |
C |
D |
E |
F |
10 |
11 |
12 |
... |
FD |
FE |
FF |
L'espace HLS
teinte sauration luminodité
qqun s'y colle?
La pratique
un joli tableau coloré
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Ceci n'est pas une image mais bel et bien un magnifique tableau coloré.BR Editez la page pour vous en convaincre.
Voir un exemple concret d'utilisation des tableaux colorés
Allons donc voir une maginifique page: celle du ClubVoile.
Pour aller plus loin
la feuille de calcul qui va bien pour tripper
attachment:lescouleurs.xls
les couleurs triées RBG
black |
darkgreen |
green |
lime |
springgreen |
navy |
teal |
darkblue |
darkcyan |
mediumspringgreen |
mediumblue |
darkturquoise |
blue |
deepskyblue |
aqua |
cyan |
midnightblue |
dodgerblue |
lightseagreen |
forestgreen |
seagreen |
darkslategray |
limegreen |
mediumseagreen |
turquoise |
royalblue |
steelblue |
darkslateblue |
mediumturquoise |
indigo |
darkolivegreen |
cadetblue |
cornflowerblue |
mediumaquamarine |
dimgray |
slateblue |
olivedrab |
slategray |
lightslategray |
mediumslateblue |
lawngreen |
chartreuse |
aquamarine |
maroon |
olive |
purple |
gray |
skyblue |
lightskyblue |
blueviolet |
darkred |
saddlebrown |
darkmagenta |
darkseagreen |
lightgreen |
mediumpurple |
darkviolet |
palegreen |
darkorchid |
yellowgreen |
sienna |
brown |
darkgray |
greenyellow |
lightblue |
paleturquoise |
lightsteelblue |
powderblue |
firebrick |
darkgoldenrod |
mediumorchid |
rosybrown |
darkkhaki |
silver |
mediumvioletred |
peru |
indianred |
chocolate |
tan |
lightgrey |
thistle |
goldenrod |
orchid |
palevioletred |
crimson |
gainsboro |
plum |
burlywood |
lightcyan |
lavender |
darksalmon |
palegoldenrod |
violet |
lightcoral |
khaki |
honeydew |
aliceblue |
azure |
sandybrown |
wheat |
beige |
whitesmoke |
mintcream |
ghostwhite |
salmon |
lightgoldenrodyellow |
antiquewhite |
linen |
oldlace |
red |
orangered |
darkorange |
orange |
gold |
yellow |
tomato |
coral |
lightsalmon |
deeppink |
navajowhite |
hotpink |
moccasin |
peachpuff |
lightpink |
bisque |
pink |
blanchedalmond |
lemonchiffon |
papayawhip |
cornsilk |
lightyellow |
mistyrose |
seashell |
floralwhite |
ivory |
lavenderblush |
snow |
fuchsia |
magenta |
white |
les couleurs triées GRB
black |
navy |
darkblue |
mediumblue |
blue |
indigo |
maroon |
purple |
darkred |
darkmagenta |
darkviolet |
red |
fuchsia |
magenta |
crimson |
deeppink |
mediumvioletred |
midnightblue |
firebrick |
brown |
blueviolet |
darkorchid |
darkslateblue |
saddlebrown |
orangered |
darkslategray |
sienna |
mediumorchid |
slateblue |
indianred |
tomato |
darkgreen |
mediumslateblue |
royalblue |
dimgray |
chocolate |
hotpink |
darkolivegreen |
mediumpurple |
orchid |
palevioletred |
coral |
green |
teal |
slategray |
olive |
gray |
lightcoral |
salmon |
steelblue |
violet |
peru |
darkgoldenrod |
lightslategray |
darkcyan |
forestgreen |
seagreen |
darkorange |
olivedrab |
rosybrown |
dodgerblue |
cornflowerblue |
darksalmon |
cadetblue |
plum |
lightsalmon |
sandybrown |
goldenrod |
orange |
darkgray |
lightseagreen |
mediumseagreen |
tan |
lightpink |
darkkhaki |
burlywood |
darkseagreen |
deepskyblue |
thistle |
silver |
pink |
lightsteelblue |
limegreen |
mediumaquamarine |
yellowgreen |
darkturquoise |
skyblue |
lightskyblue |
mediumturquoise |
lightgrey |
gold |
lightblue |
peachpuff |
gainsboro |
wheat |
navajowhite |
turquoise |
powderblue |
moccasin |
bisque |
mistyrose |
lavender |
khaki |
palegoldenrod |
antiquewhite |
blanchedalmond |
lightgreen |
paleturquoise |
papayawhip |
linen |
lavenderblush |
beige |
whitesmoke |
oldlace |
seashell |
aliceblue |
ghostwhite |
cornsilk |
mediumspringgreen |
lightgoldenrodyellow |
lemonchiffon |
floralwhite |
snow |
palegreen |
lawngreen |
lime |
springgreen |
aqua |
cyan |
chartreuse |
aquamarine |
greenyellow |
lightcyan |
honeydew |
azure |
mintcream |
yellow |
lightyellow |
ivory |
white |
les couleurs triées BGR
black |
maroon |
darkred |
red |
orangered |
darkgreen |
green |
olive |
darkorange |
orange |
gold |
lawngreen |
lime |
chartreuse |
yellow |
darkgoldenrod |
saddlebrown |
chocolate |
goldenrod |
firebrick |
forestgreen |
olivedrab |
brown |
sienna |
darkolivegreen |
greenyellow |
limegreen |
yellowgreen |
crimson |
peru |
tomato |
darkslategray |
coral |
seagreen |
indianred |
sandybrown |
dimgray |
darkkhaki |
midnightblue |
mediumseagreen |
salmon |
darksalmon |
lightsalmon |
springgreen |
navy |
purple |
teal |
gray |
lightcoral |
indigo |
mediumvioletred |
burlywood |
darkblue |
darkmagenta |
darkslateblue |
darkcyan |
tan |
khaki |
rosybrown |
darkseagreen |
slategray |
lightgreen |
deeppink |
palevioletred |
palegreen |
lightslategray |
mediumspringgreen |
cadetblue |
darkgray |
lightseagreen |
mediumaquamarine |
palegoldenrod |
navajowhite |
wheat |
hotpink |
steelblue |
moccasin |
peachpuff |
silver |
lightpink |
bisque |
pink |
darkorchid |
mediumturquoise |
mediumblue |
slateblue |
blanchedalmond |
lemonchiffon |
turquoise |
darkturquoise |
lightgoldenrodyellow |
darkviolet |
mediumorchid |
lightgrey |
aquamarine |
papayawhip |
orchid |
antiquewhite |
thistle |
mediumpurple |
gainsboro |
beige |
cornsilk |
plum |
lightsteelblue |
lightyellow |
royalblue |
mistyrose |
blueviolet |
lightblue |
powderblue |
linen |
oldlace |
skyblue |
cornflowerblue |
mediumslateblue |
violet |
paleturquoise |
seashell |
floralwhite |
honeydew |
ivory |
lavenderblush |
whitesmoke |
lightskyblue |
lavender |
snow |
mintcream |
blue |
fuchsia |
magenta |
dodgerblue |
deepskyblue |
aliceblue |
ghostwhite |
aqua |
cyan |
lightcyan |
azure |
white |
les couleurs triées BRG
black |
darkgreen |
green |
lime |
lawngreen |
chartreuse |
maroon |
olive |
darkred |
red |
orangered |
darkorange |
orange |
gold |
yellow |
darkgoldenrod |
saddlebrown |
chocolate |
goldenrod |
forestgreen |
firebrick |
olivedrab |
brown |
sienna |
darkolivegreen |
greenyellow |
limegreen |
yellowgreen |
crimson |
peru |
tomato |
darkslategray |
coral |
seagreen |
indianred |
sandybrown |
dimgray |
darkkhaki |
midnightblue |
mediumseagreen |
salmon |
darksalmon |
lightsalmon |
springgreen |
navy |
teal |
purple |
gray |
lightcoral |
indigo |
mediumvioletred |
burlywood |
darkblue |
darkcyan |
darkslateblue |
darkmagenta |
tan |
khaki |
darkseagreen |
rosybrown |
slategray |
lightgreen |
palevioletred |
deeppink |
palegreen |
lightslategray |
mediumspringgreen |
cadetblue |
darkgray |
lightseagreen |
mediumaquamarine |
palegoldenrod |
navajowhite |
wheat |
steelblue |
hotpink |
moccasin |
peachpuff |
silver |
lightpink |
bisque |
pink |
mediumturquoise |
darkorchid |
mediumblue |
slateblue |
blanchedalmond |
lemonchiffon |
turquoise |
darkturquoise |
lightgoldenrodyellow |
darkviolet |
mediumorchid |
lightgrey |
aquamarine |
papayawhip |
orchid |
antiquewhite |
thistle |
mediumpurple |
gainsboro |
beige |
cornsilk |
plum |
lightsteelblue |
lightyellow |
royalblue |
mistyrose |
blueviolet |
lightblue |
powderblue |
linen |
oldlace |
skyblue |
cornflowerblue |
mediumslateblue |
paleturquoise |
violet |
seashell |
honeydew |
floralwhite |
ivory |
whitesmoke |
lavenderblush |
lightskyblue |
lavender |
mintcream |
snow |
blue |
deepskyblue |
aqua |
cyan |
dodgerblue |
lightcyan |
aliceblue |
azure |
ghostwhite |
fuchsia |
magenta |
white |
Les couleurs triées GBR
black |
maroon |
darkred |
red |
navy |
purple |
indigo |
darkblue |
darkmagenta |
mediumblue |
darkviolet |
blue |
fuchsia |
magenta |
crimson |
deeppink |
mediumvioletred |
midnightblue |
firebrick |
brown |
blueviolet |
darkorchid |
darkslateblue |
orangered |
saddlebrown |
darkslategray |
sienna |
mediumorchid |
slateblue |
indianred |
tomato |
darkgreen |
mediumslateblue |
chocolate |
dimgray |
hotpink |
royalblue |
darkolivegreen |
palevioletred |
orchid |
mediumpurple |
coral |
green |
olive |
salmon |
teal |
gray |
lightcoral |
slategray |
steelblue |
violet |
peru |
darkgoldenrod |
lightslategray |
forestgreen |
seagreen |
darkcyan |
darkorange |
olivedrab |
rosybrown |
dodgerblue |
cornflowerblue |
darksalmon |
cadetblue |
lightsalmon |
plum |
sandybrown |
orange |
goldenrod |
darkgray |
lightseagreen |
mediumseagreen |
tan |
lightpink |
darkkhaki |
burlywood |
darkseagreen |
thistle |
deepskyblue |
silver |
pink |
lightsteelblue |
limegreen |
yellowgreen |
mediumaquamarine |
darkturquoise |
skyblue |
lightskyblue |
mediumturquoise |
lightgrey |
gold |
lightblue |
peachpuff |
gainsboro |
navajowhite |
wheat |
turquoise |
powderblue |
moccasin |
bisque |
mistyrose |
khaki |
lavender |
palegoldenrod |
blanchedalmond |
antiquewhite |
lightgreen |
paleturquoise |
papayawhip |
linen |
lavenderblush |
beige |
oldlace |
seashell |
whitesmoke |
cornsilk |
aliceblue |
ghostwhite |
mediumspringgreen |
lemonchiffon |
lightgoldenrodyellow |
floralwhite |
snow |
palegreen |
lawngreen |
lime |
chartreuse |
yellow |
greenyellow |
springgreen |
aquamarine |
lightyellow |
honeydew |
ivory |
mintcream |
aqua |
cyan |
lightcyan |
azure |
white |
Les couleurs triées RGB
black |
navy |
darkblue |
mediumblue |
blue |
darkgreen |
green |
teal |
darkcyan |
deepskyblue |
darkturquoise |
mediumspringgreen |
lime |
springgreen |
aqua |
cyan |
midnightblue |
dodgerblue |
lightseagreen |
forestgreen |
seagreen |
darkslategray |
limegreen |
mediumseagreen |
turquoise |
royalblue |
steelblue |
darkslateblue |
mediumturquoise |
indigo |
darkolivegreen |
cadetblue |
cornflowerblue |
mediumaquamarine |
dimgray |
slateblue |
olivedrab |
slategray |
lightslategray |
mediumslateblue |
lawngreen |
chartreuse |
aquamarine |
maroon |
purple |
olive |
gray |
skyblue |
lightskyblue |
blueviolet |
darkred |
darkmagenta |
saddlebrown |
darkseagreen |
lightgreen |
mediumpurple |
darkviolet |
palegreen |
darkorchid |
yellowgreen |
sienna |
brown |
darkgray |
lightblue |
greenyellow |
paleturquoise |
lightsteelblue |
powderblue |
firebrick |
darkgoldenrod |
mediumorchid |
rosybrown |
darkkhaki |
silver |
mediumvioletred |
indianred |
peru |
chocolate |
tan |
lightgrey |
thistle |
orchid |
goldenrod |
palevioletred |
crimson |
gainsboro |
plum |
burlywood |
lightcyan |
lavender |
darksalmon |
violet |
palegoldenrod |
lightcoral |
khaki |
aliceblue |
honeydew |
azure |
sandybrown |
wheat |
beige |
whitesmoke |
mintcream |
ghostwhite |
salmon |
antiquewhite |
linen |
lightgoldenrodyellow |
oldlace |
red |
fuchsia |
magenta |
deeppink |
orangered |
tomato |
hotpink |
coral |
darkorange |
lightsalmon |
orange |
lightpink |
pink |
gold |
peachpuff |
navajowhite |
moccasin |
bisque |
mistyrose |
blanchedalmond |
papayawhip |
lavenderblush |
seashell |
cornsilk |
lemonchiffon |
floralwhite |
snow |
yellow |
lightyellow |
ivory |
white |
Les couleurs par ordre alphabetiques et leur code en hexa
aliceblue |
#F0F8FF |
antiquewhite |
#FAEBD7 |
aqua |
#00FFFF |
aquamarine |
#7FFFD4 |
azure |
#F0FFFF |
beige |
#F5F5DC |
bisque |
#FFE4C4 |
black |
#000000 |
blanchedalmond |
#FFEBCD |
blue |
#0000FF |
blueviolet |
#8A2BE2 |
brown |
#A52A2A |
burlywood |
#DEB887 |
cadetblue |
#5F9EA0 |
chartreuse |
#7FFF00 |
chocolate |
#D2691E |
coral |
#FF7F50 |
cornflowerblue |
#6495ED |
cornsilk |
#FFF8DC |
crimson |
#DC143C |
cyan |
#00FFFF |
darkblue |
#00008B |
darkcyan |
#008B8B |
darkgoldenrod |
#B8860B |
darkgray |
|
darkgreen |
#006400 |
darkkhaki |
#BDB76B |
darkmagenta |
#8B008B |
darkolivegreen |
#556B2F |
darkorange |
#FF8C00 |
darkorchid |
#9932CC |
darkred |
#8B0000 |
darksalmon |
#E9967A |
darkseagreen |
#8FBC8F |
darkslateblue |
#483D8B |
darkslategray |
#2F4F4F |
darkturquoise |
#00CED1 |
darkviolet |
#9400D3 |
deeppink |
#FF1493 |
deepskyblue |
#00BFFF |
dimgray |
#696969 |
dodgerblue |
#1E90FF |
firebrick |
#B22222 |
floralwhite |
#FFFAF0 |
forestgreen |
#228B22 |
fuchsia |
#FF00FF |
gainsboro |
#DCDCDC |
ghostwhite |
#F8F8FF |
gold |
#FFD700 |
goldenrod |
#DAA520 |
gray |
#808080 |
green |
#008000 |
greenyellow |
#ADFF2F |
honeydew |
#F0FFF0 |
hotpink |
#FF69B4 |
indianred |
#CD5C5C |
indigo |
#4B0082 |
ivory |
#FFFFF0 |
khaki |
#F0E68C |
lavender |
#E6E6FA |
lavenderblush |
#FFF0F5 |
lawngreen |
#7CFC00 |
lemonchiffon |
#FFFACD |
lightblue |
#ADD8E6 |
lightcoral |
#F08080 |
lightcyan |
#E0FFFF |
lightgoldenrodyellow |
#FAFAD2 |
lightgreen |
#90EE90 |
lightgrey |
|
lightpink |
#FFB6C1 |
lightsalmon |
#FFA07A |
lightseagreen |
#20B2AA |
lightskyblue |
#87CEFA |
lightslategray |
#778899 |
lightsteelblue |
#B0C4DE |
lightyellow |
#FFFFE0 |
lime |
#00FF00 |
limegreen |
#32CD32 |
linen |
#FAF0E6 |
magenta |
#FF00FF |
maroon |
#800000 |
mediumaquamarine |
#66CDAA |
mediumblue |
#0000CD |
mediumorchid |
#BA55D3 |
mediumpurple |
#9370DB |
mediumseagreen |
#3CB371 |
mediumslateblue |
#7B68EE |
mediumspringgreen |
#00FA9A |
mediumturquoise |
#48D1CC |
mediumvioletred |
#C71585 |
midnightblue |
#191970 |
mintcream |
#F5FFFA |
mistyrose |
#FFE4E1 |
moccasin |
#FFE4B5 |
navajowhite |
#FFDEAD |
navy |
#000080 |
oldlace |
#FDF5E6 |
olive |
#808000 |
olivedrab |
#6B8E23 |
orange |
#FFA500 |
orangered |
#FF4500 |
orchid |
#DA70D6 |
palegoldenrod |
#EEE8AA |
palegreen |
#98FB98 |
paleturquoise |
#AFEEEE |
palevioletred |
#DB7093 |
papayawhip |
#FFEFD5 |
peachpuff |
#FFDAB9 |
peru |
#CD853F |
pink |
#FFC0CB |
plum |
#DDA0DD |
powderblue |
|
purple |
#800080 |
red |
#FF0000 |
rosybrown |
#BC8F8F |
royalblue |
#4169E1 |
saddlebrown |
#8B4513 |
salmon |
#FA8072 |
sandybrown |
|
seagreen |
#2E8B57 |
seashell |
#FFF5EE |
sienna |
#A0522D |
silver |
|
skyblue |
#87CEEB |
slateblue |
#6A5ACD |
slategray |
#708090 |
snow |
#FFFAFA |
springgreen |
#00FF7F |
steelblue |
#4682B4 |
tan |
#D2B48C |
teal |
#008080 |
thistle |
#D8BFD8 |
tomato |
#FF6347 |
turquoise |
#40E0D0 |
violet |
#EE82EE |
wheat |
#F5DEB3 |
white |
#FFFFFF |
whitesmoke |
|
yellow |
#FFFF00 |
yellowgreen |
#9ACD32 |
du grand art
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|