|
Taille: 9992
Commentaire:
|
Taille: 10087
Commentaire:
|
| Texte supprimé. | Texte ajouté. |
| Ligne 3: | Ligne 3: |
| == C'est quoi? == | |
| Ligne 6: | Ligne 7: |
== Les couleurs primaires == |
|
| Ligne 19: | Ligne 22: |
| = passer en base hexadecimale = | == comment passer en base hexadecimale? == |
| Ligne 24: | Ligne 27: |
| = un joli tableau coloré = | = La pratique = == un joli tableau coloré == |
| Ligne 44: | Ligne 49: |
| = exemple concret d'utilisation des tableaux colorés = | == Voir un exemple concret d'utilisation des tableaux colorés == |
| Ligne 48: | Ligne 53: |
| = toutes les couleurs et leur code en hexa = | == toutes les couleurs et leur code en hexa == |
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
Les couleurs primaires
Chaque composante R, G ou B peut prendre une valeur entre 0 et 255. Les couleurs primaires sont donc codées de la façon suivante:
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 |
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.
toutes 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 |