Le Forum -Services Onlines • Consulter le sujet

Sabrinal · **Inscrit le:** 27 Nov, 16:39 **Messages:** 120

[center]Le codage des couleurs ?![/center]

Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie.
Ainsi la syntaxe de codage d'une couleur en HTML est la suivante :

color="#RRVVBB"

RR, VV et BB représentent respectivement un nombre hexadécimal entre 00 et FF pour le Rouge, le Vert et le Bleu.

Ainsi, plus de 16 millions de couleurs sont disponibles pour colorer les pages web.
Toutefois, étant donné que tous les navigateurs ne reconnaissent pas les couleurs de la même façon, le W3C conseille l'utilisation des couleurs ci-dessous, pour lesquelles un nom intelligible a été donné.
Il est donc possible d'appeler une couleur de la façon suivante :

color="nom_de_la_couleur"

Il n'y a que 16 noms de couleurs normalisés par le W3C.

[table][tr][th]Nom de la couleur[/th][th]Aperçu[/th][th]Codage RVB[/th][/tr][tr][td][center]aqua[/center][/td][td] [center]aqua[/center][/td][td][center]#00FFFF[/center][/td][/tr][tr][td][center]black[/center][/td][td] [center]black[/center][/td][td][center]#000000[/center][/td][/tr] [tr][td][center]blue[/center][/td][td] [center]blue[/center][/td][td][center]#0000FF[/center][/td][/tr][tr][td][center]fuchsia[/center][/td][td] [center]fuchsia[/center][/td][td][center]#FF00FF[/center][/td][/tr][tr][td][center]gray[/center][/td][td] [center]gray[/center][/td][td][center]#808080[/center][/td][/tr][tr][td][center]green[/center][/td][td] [center]green[/center][/td][td][center]#008000[/center][/td][/tr][tr][td][center]lime[/center][/td][td] [center]lime[/center][/td][td][center]#00FF00[/center][/td][/tr][tr][td][center]Maroon[/center][/td][td] [center]maroon[/center][/td][td][center]#800000[/center][/td][/tr][tr][td][center]Navy[/center][/td][td] [center]navy[/center][/td][td][center]#000080[/center][/td][/tr][tr][td][center]Olive[/center][/td][td] [center]olive[/center][/td][td][center]#808000[/center][/td][/tr][tr][td][center]Purple[/center][/td][td] [center]purple[/center][/td][td][center]#800080[/center][/td][/tr][tr][td][center]Red[/center][/td][td] [center]red[/center][/td][td][center]#ff0000[/center][/td][/tr][tr][td][center]Silver[/center][/td][td] [center]silver[/center][/td][td][center]#c0c0c0[/center][/td][/tr][tr][td][center]Teal[/center][/td][td] [center]teal[/center][/td][td][center]#008080[/center][/td][/tr][tr][td][center]White[/center][/td][td] [center]white[/center][/td][td][center]#ffffff[/center][/td][/tr][tr][td][center]Yellow[/center][/td][td] [center]yellow[/center][/td][td][center]#ffff00[/center][/td][/tr][/table]

Ces noms risquent de ne pas être reconnus par tous les navigateurs.

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

Vous retrouverez les codes couleurs sur le site dans la catégorie "astuces".
Cliquez ici pour accéder au site.

Le codage des couleurs ?!

Qui est en ligne ?