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