Références
Couleurs
attributs
| Attribut | Propriété | Valeur | Effet |
| style | color | voir la suite | Fixe la couleur du texte |
| style | background-color | voir la suite | Fixe la couleur de l'arrière-plan |
valeurs
Mode hexadécimal
Si vous définissez les couleurs en mode hexadécimal vous devez reconstituer la couleur désirée par rapport aux trois couleurs de bases Rouge, Vert et Bleu (valeurs RGB).
→Essayez le code:
<span style="background-color:#808080" >couleur d'arrière plan gris foncé </span>
<hr style="color:#CC00CC" /> <span>ligne de séparation violette </span>
<span style="color:#FF0000" >couleur de la police rouge </span>
Chaque définition de couleur hexadécimale a 6 caractères et suit le
schéma: #XXXXXX .
Notez donc d'abord un signe dièse # . À la suite suivent 6
emplacements pour la définition de couleur. Les deux premiers emplacements
représentent la valeur du rouge, les deux emplacements suivants la valeur du
vert, et les deux derniers la valeur du bleu.
Les chiffres hexadécimaux sont:
0 (correspond au chiffre décimal 0)
1 (correspond au chiffre décimal 1)
2 (correspond au chiffre décimal 2)
3 (correspond au chiffre décimal 3)
4 (correspond au chiffre décimal 4)
5 (correspond au chiffre décimal 5)
6 (correspond au chiffre décimal 6)
7 (correspond au chiffre décimal 7)
8 (correspond au chiffre décimal 8)
9 (correspond au chiffre décimal 9)
A (correspond au chiffre décimal 10)
B (correspond au chiffre décimal 11)
C (correspond au chiffre décimal 12)
D (correspond au chiffre décimal 13)
E (correspond au chiffre décimal 14)
F (correspond au chiffre décimal 15)
Les nombres hexadécimaux se déduisent facilement:
#A2 (correspond au nombre décimal 10x16 + 1 = 161)
#2AB (correspond au nombre décimal 2x16x16 + 10x16 + 11 = 683)
170 = 10x16+10 (correspond au nombre hexadécimal #AA)
524 = 2x16x16+0x16+12 (correspond au nombre décimal #10C)
Un signe hexadécimal peut donc avoir 16 valeurs différentes. Pour chaque valeur de couleur (rouge, vert, bleu) on dispose de 2 signes ce qui donne 16 x 16 (= 256) possibilités de définition par couleur qui correspondent à des "poids" différents de cette couleur de base dans la couleur résultante. Ainsi #FF0000 a un poids maximal de rouge et un poids nul de vert et bleu, c'est un rouge intense. #000000 a un poids nul de rouge, bleu et vert, c'est noir.
Exemples:
| Couleurs VGA |
Mode nominal
Les couleurs suivantes peuvent être appelées par leurs noms anglais:
| black | |
| gray | |
| silver | |
| white | |
| purple | |
| fuchsia | |
| maroon | |
| red | |
| olive | |
| yellow | |
| green | |
| lime | |
| navy | |
| blue | |
| teal | |
| aqua | |
| orange |
| Nom de la couleur | RGB | |
| aliceblue | F0F8FF | aliceblue |
| antiquewhite | FAEBD7 | antiquewhite |
| aqua | 00FFFF | aqua |
| aquamarine | 7FFFD4 | aquamarine |
| azure | F0FFFF | azure |
| beige | F5F5DC | beige |
| bisque | FFE4C4 | bisque |
| black | 000000 | black |
| blanchedalmond | FFEBCD | blanchedalmond |
| blue | 0000FF | blue |
| blueviolet | 8A2BE2 | blueviolet |
| brown | A52A2A | brown |
| burlywood | DEB887 | burlywood |
| cadetblue | 5F9EA0 | cadetblue |
| chartreuse | 7FFF00 | chartreuse |
| chocolate | D2691E | chocolate |
| coral | FF7F50 | coral |
| cornflowerblue | 6495ED | cornflowerblue |
| cornsilk | FFF8DC | cornsilk |
| crimson | DC143C | crimson |
| cyan | 00FFFF | cyan |
| darkblue | 00008B | darkblue |
| darkcyan | 008B8B | darkcyan |
| darkgoldenrod | B8860B | darkgoldenrod |
| darkgray | A9A9A9 | darkgray |
| darkgreen | 006400 | darkgreen |
| darkkhaki | BDB76B | darkkhaki |
| darkmagenta | 8B008B | darkmagenta |
| darkolivegreen | 556B2F | darkolivegreen |
| darkorange | FF8C00 | darkorange |
| darkorchid | 9932CC | darkorchid |
| darkred | 8B0000 | darkred |
| darksalmon | E9967A | darksalmon |
| darkseagreen | 8FBC8F | darkseagreen |
| darkslateblue | 483D8B | darkslateblue |
| darkslategray | 2F4F4F | darkslategray |
| darkturquoise | 00CED1 | darkturquoise |
| darkviolet | 9400D3 | darkviolet |
| deeppink | FF1493 | deeppink |
| deepskyblue | 00BFFF | deepskyblue |
| dimgray | 696969 | dimgray |
| dodgerblue | 1E90FF | dodgerblue |
| firebrick | B22222 | firebrick |
| floralwhite | FFFAF0 | floralwhite |
| forestgreen | 228B22 | forestgreen |
| fuchsia | FF00FF | fuchsia |
| gainsboro | DCDCDC | gainsboro |
| ghostwhite | F8F8FF | ghostwhite |
| gold | FFD700 | gold |
| goldenrod | DAA520 | goldenrod |
| gray | 808080 | gray |
| green | 008000 | green |
| greenyellow | ADFF2F | greenyellow |
| honeydew | F0FFF0 | honeydew |
| hotpink | FF69B4 | hotpink |
| indianred | CD5C5C | indianred |
| indigo | 4B0082 | indigo |
| ivory | FFFFF0 | ivory |
| khaki | F0E68C | khaki |
| lavender | E6E6FA | lavender |
| lavenderblush | FFF0F5 | lavenderblush |
| lawngreen | 7CFC00 | lawngreen |
| lemonchiffon | FFFACD | lemonchiffon |
| lightblue | ADD8E6 | lightblue |
| lightcoral | F08080 | lightcoral |
| lightcyan | E0FFFF | lightcyan |
| lightgoldenrodyellow | FAFAD2 | lightgoldenrodyellow |
| lightgreen | 90EE90 | lightgreen |
| lightgrey | D3D3D3 | lightgrey |
| lightpink | FFB6C1 | lightpink |
| lightsalmon | FFA07A | lightsalmon |
| lightseagreen | 20B2AA | lightseagreen |
| lightskyblue | 87CEFA | lightskyblue |
| lightslategray | 778899 | lightslategray |
| lightsteelblue | B0C4DE | lightsteelblue |
| lightyellow | FFFFE0 | lightyellow |
| lime | 00FF00 | lime |
| limegreen | 32CD32 | limegreen |
| linen | FAF0E6 | linen |
| magenta | FF00FF | magenta |
| maroon | 800000 | maroon |
| mediumaquamarine | 66CDAA | mediumaquamarine |
| mediumblue | 0000CD | mediumblue |
| mediumorchid | BA55D3 | mediumorchid |
| mediumpurple | 9370DB | mediumpurple |
| mediumseagreen | 3CB371 | mediumseagreen |
| mediumslateblue | 7B68EE | mediumslateblue |
| mediumspringgreen | 00FA9A | mediumspringgreen |
| mediumturquoise | 48D1CC | mediumturquoise |
| mediumvioletred | C71585 | mediumvioletred |
| midnightblue | 191970 | midnightblue |
| mintcream | F5FFFA | mintcream |
| mistyrose | FFE4E1 | mistyrose |
| moccasin | FFE4B5 | moccasin |
| navajowhite | FFDEAD | navajowhite |
| navy | 000080 | navy |
| oldlace | FDF5E6 | oldlace |
| olive | 808000 | olive |
| olivedrab | 6B8E23 | olivedrab |
| orange | FFA500 | orange |
| orangered | FF4500 | orangered |
| orchid | DA70D6 | orchid |
| palegoldenrod | EEE8AA | palegoldenrod |
| palegreen | 98FB98 | palegreen |
| paleturquoise | AFEEEE | paleturquoise |
| palevioletred | DB7093 | palevioletred |
| papayawhip | FFEFD5 | papayawhip |
| peachpuff | FFDAB9 | peachpuff |
| peru | CD853F | peru |
| pink | FFC0CB | pink |
| plum | DDA0DD | plum |
| powderblue | B0E0E6 | powderblue |
| purple | 800080 | purple |
| red | FF0000 | red |
| rosybrown | BC8F8F | rosybrown |
| royalblue | 4169E1 | royalblue |
| saddlebrown | 8B4513 | saddlebrown |
| salmon | FA8072 | salmon |
| sandybrown | F4A460 | sandybrown |
| seagreen | 2E8B57 | seagreen |
| seashell | FFF5EE | seashell |
| sienna | A0522D | sienna |
| silver | C0C0C0 | silver |
| skyblue | 87CEEB | skyblue |
| slateblue | 6A5ACD | slateblue |
| slategray | 708090 | slategray |
| snow | FFFAFA | snow |
| springgreen | 00FF7F | springgreen |
| steelblue | 4682B4 | steelblue |
| tan | D2B48C | tan |
| teal | 008080 | teal |
| thistle | D8BFD8 | thistle |
| tomato | FF6347 | tomato |
| turquoise | 40E0D0 | turquoise |
| violet | EE82EE | violet |
| wheat | F5DEB3 | wheat |
| white | FFFFFF | white |
| whitesmoke | F5F5F5 | whitesmoke |
| yellow | FFFF00 | yellow |
| yellowgreen | 9ACD32 | yellowgreen |
→Essayez le code:
<span style="background-color:yellow" >couleur d'arrière plan gris foncé </span>
<hr style="color:navy" /> <span>ligne de séparation violette </span>
<span style="color:red" >couleur de la police rouge </span>
Choix
Voici une petite →aide pour choisir les couleurs (source: →Selfhtml) que vous trouverez d'ailleurs aussi en cliquant sur l'image dans l'en-tête de cette page.