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.
Les couleurs triées
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 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 |