|
Taille: 10087
Commentaire:
|
Taille: 10144
Commentaire:
|
| Texte supprimé. | Texte ajouté. |
| Ligne 10: | Ligne 10: |
| 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: | Chaque composante R, G ou B peut prendre une valeur entre 0 et 255.[[BR]] vous disposez donc de '''16777216''' couleurs. Les couleurs primaires sont donc codées de la façon suivante: |
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.BR vous disposez donc de 16777216 couleurs.
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 |