Inscrit le: 27 Nov, 16:39
Messages: 120
|
Le codage des couleurs ?!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.
| Nom de la couleur | Aperçu | Codage RVB |
|---|
| aqua | aqua | #00FFFF | | black | black | #000000 | | blue | blue | #0000FF | | fuchsia | fuchsia | #FF00FF | | gray | gray | #808080 | | green | green | #008000 | | lime | lime | #00FF00 | | Maroon | maroon | #800000 | | Navy | navy | #000080 | | Olive | olive | #808000 | | Purple | purple | #800080 | | Red | red | #ff0000 | | Silver | silver | #c0c0c0 | | Teal | teal | #008080 | | White | white | #ffffff | | Yellow | yellow | #ffff00 |
Ces noms risquent de ne pas être reconnus par tous les navigateurs.
| Nom de la couleur | Aperçu | Codage RVB |
|---|
| aliceblue | aliceblue | #F0F8FF | | antiquewhite | antiquewhite | #FAEBD7 | | aquamarine | aquamarine | #7FFFD4 | | azure | azure | #F0FFFF | | beige | beige | #F5F5DC | | bisque | bisque | #FFE4C4 | | blanchedalmond | blanchedalmond | #FFEBCD | | blueviolet | blueviolet | #8A2BE2 | | brown | brown | #A52A2A | | burlywood | burlywood | #DEB887 | | cadetblue | cadetblue | #5F9EA0 | | chartreuse | chartreuse | #7FFF00 | | chocolate | chocolate | #D2691E | | coral | coral | #FF7F50 | | cornflowerblue | cornflowerblue | #6495ED | | cornsilk | cornsilk | #FFF8DC | | crimson | crimson | #DC143C | | cyan | cyan | #00FFFF | | darkblue | darkblue | #00008B | | darkcyan | darkcyan | #008B8B | | darkgoldenrod | darkgoldenrod | #B8860B | | darkgray | darkgray | #A9A9A9 | | darkgreen | darkgreen | #006400 | | darkkhaki | darkkhaki | #BDB76B | | darkmagenta | darkmagenta | #8B008B | | darkolivegreen | darkolivegreen | #556B2F | | darkorange | darkorange | #FF8C00 | | darkorchid | darkorchid | #9932CC | | darkred | darkred | #8B0000 | | darksalmon | darksalmon | #E9967A | | darkseagreen | darkseagreen | #8FBC8F | | darkslateblue | darkslateblue | #483D8B | | darkslategray | darkslategray | #2F4F4F | | darkturquoise | darkturquoise | #00CED1 | | darkviolet | darkviolet | #9400D3 | | deeppink | deeppink | #FF1493 | | deepskyblue | deepskyblue | #00BFFF | | dimgray | dimgray | #696969 | | dodgerblue | dodgerblue | #1E90FF | | firebrick | firebrick | #B22222 | | floralwhite | floralwhite | #FFFAF0 | | forestgreen | forestgreen | #228B22 | | gainsboro | gainsboro | #DCDCDC | | ghostwhite | ghostwhite | #F8F8FF | | gold | gold | #FFD700 | | goldenrod | goldenrod | #DAA520 | | greenyellow | greenyellow | #ADFF2F | | honeydew | honeydew | #F0FFF0 | | hotpink | hotpink | #FF69B4 | | indianred | indianred | #CD5C5C | | indigo | indigo | #4B0082 | | ivory | ivory | #FFFFF0 | | khaki | khaki | #F0E68C | | lavender | lavender | #E6E6FA | | lavenderblush | lavenderblush | #FFF0F5 | | lawngreen | lawngreen | #7CFC00 | | lemonchiffon | lemonchiffon | #FFFACD | | lightblue | lightblue | #ADD8E6 | | lightcoral | lightcoral | #F08080 | | lightcyan | lightcyan | #E0FFFF | | lightgoldenrodyellow | lightgoldenrodyellow | #FAFAD2 | | lightgreen | lightgreen | #90EE90 | | lightgrey | lightgrey | #D3D3D3 | | lightpink | lightpink | #FFB6C1 | | lightsalmon | lightsalmon | #FFA07A | | lightseagreen | lightseagreen | #20B2AA | | lightskyblue | lightskyblue | #87CEFA | | lightslategray | lightslategray | #778899 | | lightsteelblue | lightsteelblue | #B0C4DE | | lightyellow | lightyellow | #FFFFE0 | | limegreen | limegreen | #32CD32 | | linen | linen | #FAF0E6 | | magenta | magenta | #FF00FF | | mediumaquamarine | mediumaquamarine | #66CDAA | | mediumblue | mediumblue | #0000CD | | mediumorchid | mediumorchid | #BA55D3 | | mediumpurple | mediumpurple | #9370DB | | mediumseagreen | mediumseagreen | #3CB371 | | mediumslateblue | mediumslateblue | #7B68EE | | mediumspringgreen | mediumspringgreen | #00FA9A | | mediumturquoise | mediumturquoise | #48D1CC | | mediumvioletred | mediumvioletred | #C71585 | | midnightblue | midnightblue | #191970 | | mintcream | mintcream | #F5FFFA | | mistyrose | mistyrose | #FFE4E1 | | moccasin | moccasin | #FFE4B5 | | navajowhite | navajowhite | #FFDEAD | | oldlace | oldlace | #FDF5E6 | | olivedrab | olivedrab | #6B8E23 | | orange | orange | #FFA500 | | orangered | orangered | #FF4500 | | orchid | orchid | #DA70D6 | | palegoldenrod | palegoldenrod | #EEE8AA | | palegreen | palegreen | #98FB98 | | paleturquoise | paleturquoise | #AFEEEE | | palevioletred | palevioletred | #DB7093 | | papayawhip | papayawhip | #FFEFD5 | | peachpuff | peachpuff | #FFDAB9 | | peru | peru | #CD853F | | pink | pink | #FFC0CB | | plum | plum | #DDA0DD | | powderblue | powderblue | #B0E0E6 | | rosybrown | rosybrown | #BC8F8F | | royalblue | royalblue | #4169E1 | | saddlebrown | saddlebrown | #8B4513 | | salmon | salmon | #FA8072 | | sandybrown | sandybrown | #F4A460 | | seagreen | seagreen | #2E8B57 | | seashell | seashell | #FFF5EE | | sienna | sienna | #A0522D | | skyblue | skyblue | #87CEEB | | slateblue | slateblue | #6A5ACD | | slategray | slategray | #708090 | | snow | snow | #FFFAFA | | springgreen | springgreen | #00FF7F | | steelblue | steelblue | #4682B4 | | tan | tan | #D2B48C | | thistle | thistle | #D8BFD8 | | tomato | tomato | #FF6347 | | turquoise | turquoise | #40E0D0 | | violet | violet | #EE82EE | | wheat | wheat | #F5DEB3 | | whitesmoke | whitesmoke | #F5F5F5 | | yellowgreen | yellowgreen | #9ACD32 |
Vous retrouverez les codes couleurs sur le site dans la catégorie "astuces".
Cliquez ici pour accéder au site.
_________________
Notre devise vous faire gagner du temps et de l'argent !
L'équipe Services Onlines
|
|
