= 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 	||<#FF0000> Rouge   || #FF0000 ||
||255 	||255 	||0 	||<#FFFF00> Jaune   || #FFFF00 ||
||0 	||255 	||0 	||<#00FF00> Vert    || #00FF00 ||
||0 	||255 	||255 	||<#00FFFF> Cyan    || #00FFFF ||
||0 	||0 	||255 	||<#0000FF> Bleu    || #0000FF ||
||255 	||0 	||255 	||<#FF00FF> Magenta || #FF00FF ||
||255 	||255 	||255 	||<#FFFFFF> Blanc   || #FFFFFF ||
||0 	||0 	||0 	||<#000000> 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é ==

||<#000040> ||<#400040> ||<#800040> ||<#C00040> ||<#FF0040> ||<#FF0000> ||<#C00000> ||<#800000> ||<#400000> ||<#000000>||
||<#004040> ||<#404040> ||<#804040> ||<#C04040> ||<#FF4040> ||<#FF4000> ||<#C04000> ||<#804000> ||<#404000> ||<#004000>||
||<#008040> ||<#408040> ||<#808040> ||<#C08040> ||<#FF8040> ||<#FF8000> ||<#C08000> ||<#808000> ||<#408000> ||<#008000>||
||<#00C040> ||<#40C040> ||<#80C040> ||<#C0C040> ||<#FFC040> ||<#FFC000> ||<#C0C000> ||<#80C000> ||<#40C000> ||<#00C000>||
||<#00FF40> ||<#40FF40> ||<#80FF40> ||<#C0FF40> ||<#FFFF40> ||<#FFFF00> ||<#C0FF00> ||<#80FF00> ||<#40FF00> ||<#00FF00>||
||<#00FFC0> ||<#40FFC0> ||<#80FFC0> ||<#C0FFC0> ||<#FFFFC0> ||<#FFFF80> ||<#C0FF80> ||<#80FF80> ||<#40FF80> ||<#00FF80>||
||<#00C0C0> ||<#40C0C0> ||<#80C0C0> ||<#C0C0C0> ||<#FFC0C0> ||<#FFC080> ||<#C0C080> ||<#80C080> ||<#40C080> ||<#00C080>||
||<#0080C0> ||<#4080C0> ||<#8080C0> ||<#C080C0> ||<#FF80C0> ||<#FF8080> ||<#C08080> ||<#808080> ||<#408080> ||<#008080>||
||<#0040C0> ||<#4040C0> ||<#8040C0> ||<#C040C0> ||<#FF40C0> ||<#FF4080> ||<#C04080> ||<#804080> ||<#404080> ||<#004080>||
||<#0000C0> ||<#4000C0> ||<#8000C0> ||<#C000C0> ||<#FF00C0> ||<#FF00C0> ||<#C000C0> ||<#8000C0> ||<#4000C0> ||<#0000C0>||
||<#0000FF> ||<#4000FF> ||<#8000FF> ||<#C000FF> ||<#FF00FF> ||<#FF00FF> ||<#C000FF> ||<#8000FF> ||<#4000FF> ||<#0000FF>||
||<#0040FF> ||<#4040FF> ||<#8040FF> ||<#C040FF> ||<#FF40FF> ||<#FF40FF> ||<#C040FF> ||<#8040FF> ||<#4040FF> ||<#0040FF>||
||<#0080FF> ||<#4080FF> ||<#8080FF> ||<#C080FF> ||<#FF80FF> ||<#FF80FF> ||<#C080FF> ||<#8080FF> ||<#4080FF> ||<#0080FF>||
||<#00C0FF> ||<#40C0FF> ||<#80C0FF> ||<#C0C0FF> ||<#FFC0FF> ||<#FFC0FF> ||<#C0C0FF> ||<#80C0FF> ||<#40C0FF> ||<#00C0FF>||
||<#00FFFF> ||<#40FFFF> ||<#80FFFF> ||<#C0FFFF> ||<#FFFFFF> ||<#FFFFFF> ||<#C0FFFF> ||<#80FFFF> ||<#40FFFF> ||<#00FFFF>||

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 ==

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