Les couleurs html sont indiquées par six caractères après le caractère barre oblique - par exemple, # 000000. Ces six symboles représentent les proportions des différentes couleurs (rouge, vert, bleu) dans la couleur finale. Sur l'écran de votre ordinateur, une image est formée d'un grand nombre de points, appelés pixels. Chaque pixel est une petite source de lumière, appelons-le une "lampe de poche", qui se compose à son tour de trois lampes de poche - rouge, verte et bleue. En réduisant ou en augmentant l'intensité de la lueur des lumières colorées individuelles, nous obtenons la couleur souhaitée.
Codes couleurs HTML
Les couleurs en HTML sont représentées par hexadécimal (HEX) pour une combinaison de rouge, bleu et vert (RVB).
La plus petite valeur de couleur est 0 (hex 00). La valeur de couleur la plus élevée est 255 (hex FF).
La valeur de couleur hexadécimale est composée de trois chiffres commençant par le signe #.
Codes couleur (valeurs)
| Couleur | Code HEX | Code RVB |
|---|---|---|
| #000000 | rgb (0,0,0) | |
| # FF0000 | rVB (255,0,0) | |
| # 00FF00 | rgb (0,255,0) | |
| # 0000FF | rgb (0,0,255) | |
| # FFFF00 | rVB (255,255,0) | |
| # 00FFFF | rVB (0,255,255) | |
| # FF00FF | rVB (255,0,255) | |
| # C0C0C0 | rVB (192.192.192) | |
| #FFFFFF | rVB (255,255,255) |
16 millions de nuances
La combinaison du rouge, du bleu et du vert avec une fraction de chaque couleur de 0 à 255 ajoute jusqu'à plus de 16 millions de nuances (256 x 256 x 256).
Plus moniteurs modernes capable d'afficher au moins 16384 nuances différentes (les moniteurs LCD sont principalement capables d'afficher 262 mille 16 millions (mis à jour en octobre 2013) couleurs et les moniteurs CRT sont capables d'afficher un nombre presque illimité de couleurs).
Le tableau des couleurs ci-dessous montre le changement de la proportion de rouge de 0 à 255 avec des valeurs nulles pour le bleu et le vert:
| rouge | Code HEX | Code RVB |
|---|---|---|
| #000000 | rgb (0,0,0) | |
| #080000 | rgb (8,0,0) | |
| #100000 | rVB (16,0,0) | |
| #180000 | rVB (24,0,0) | |
| #200000 | rVB (32,0,0) | |
| #280000 | rVB (40,0,0) | |
| #300000 | rVB (48,0,0) | |
| #380000 | rVB (56,0,0) | |
| #400000 | rVB (64,0,0) | |
| #480000 | rVB (72,0,0) | |
| #500000 | rVB (80,0,0) | |
| #580000 | rVB (88,0,0) | |
| #600000 | rVB (96,0,0) | |
| #680000 | rVB (104,0,0) | |
| #700000 | rVB (112,0,0) | |
| #780000 | rVB (120,0,0) | |
| #800000 | rVB (128,0,0) | |
| #880000 | rgb (136,0,0) | |
| #900000 | rVB (144,0,0) | |
| #980000 | rVB (152,0,0) | |
| # A00000 | rVB (160,0,0) | |
| # A80000 | rVB (168,0,0) | |
| # B00000 | rVB (176,0,0) | |
| # B80000 | rVB (184,0,0) | |
| # C00000 | rVB (192,0,0) | |
| # C80000 | rVB (200,0,0) | |
| # D00000 | rVB (208,0,0) | |
| # D80000 | rVB (216,0,0) | |
| # E00000 | rVB (224,0,0) | |
| # E80000 | rVB (232,0,0) | |
| # F00000 | rVB (240,0,0) | |
| # F80000 | rVB (248,0,0) | |
| # FF0000 | rVB (255,0,0) |
Nuances de gris
Pour obtenir des nuances de gris, des proportions égales de toutes les couleurs sont utilisées. Pour faciliter la sélection de la couleur souhaitée, nous vous fournissons les codes en niveaux de gris.
| Nuances de gris | Code HEX | Code RVB |
|---|---|---|
| #000000 | rgb (0,0,0) | |
| #080808 | rVB (8,8,8) | |
| #101010 | rVB (16,16,16) | |
| #181818 | rVB (24,24,24) | |
| #202020 | rVB (32,32,32) | |
| #282828 | rVB (40,40,40) | |
| #303030 | rVB (48,48,48) | |
| #383838 | rVB (56,56,56) | |
| #404040 | rVB (64,64,64) | |
| #484848 | rVB (72,72,72) | |
| #505050 | rVB (80,80,80) | |
| #585858 | rVB (88,88,88) | |
| #606060 | rVB (96,96,96) | |
| #686868 | rVB (104,104,104) | |
| #707070 | rVB (112.112.112) | |
| #787878 | rVB (120,120,120) | |
| #808080 | rVB (128.128.128) | |
| #888888 | rVB (136, 136, 136) | |
| #909090 | rVB (144,144,144) | |
| #989898 | rVB (152.152.152) | |
| # A0A0A0 | rVB (160, 160, 160) | |
| # A8A8A8 | rVB (168.168.168) | |
| # B0B0B0 | rvb (176.176.176) | |
| # B8B8B8 | rVB (184.184.184) | |
| # C0C0C0 | rVB (192.192.192) | |
| # C8C8C8 | rVB (200 200 200) | |
| # D0D0D0 | rVB (208.208.208) | |
| # D8D8D8 | rVB (216 216 216 216) | |
| # E0E0E0 | rVB (224,224,224) | |
| # E8E8E8 | rVB (232,232,232) | |
| # F0F0F0 | rVB (240, 240, 240) | |
| # F8F8F8 | rVB (248 248 248) | |
| #FFFFFF | rVB (255,255,255) |
Noms de couleurs HTML entre navigateurs (pour tous les navigateurs)
Une collection de 150 noms de couleurs html pris en charge dans tous les navigateurs.
Noms de couleurs standardisés
Le W3C répertorie 16 noms de couleurs valides pour HTML et CSS: aqua, noir, bleu, fuchsia, gris, vert, lime, marron (marron), bleu marine (outremer), olive (olive), violet (violet), rouge (rouge), argent (argent), sarcelle (gris), blanc (blanc) et jaune (jaune).
Lorsque vous utilisez des couleurs non incluses dans cette liste, il est plus correct d'utiliser leur code hexadécimal (HEX) ou RVB.
Couleurs sûres
Il y a quelques années, alors que les ordinateurs pouvaient supporter un maximum de 256 couleurs différentes, une liste de 216 "Web Safe Colors" était proposée avec 40 couleurs réservées au système.
Cette palette de 216 couleurs a été créée afin d'afficher correctement les couleurs dans le mode palette de 256 couleurs.
Cela n'a plus d'importance maintenant, car la plupart des ordinateurs du monde entier prennent en charge des millions de nuances de couleur. Quoi qu'il en soit, voici une liste de ces couleurs:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | Restaurer | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | Ffffff |
Cette page fournit un tableau avec des mots-clés qui peuvent être utilisés pour représenter les couleurs dans les langages de développement Web tels que HTML, CSS, JavaScript, Flash, etc.
Dans les anciennes spécifications de la préoccupation WC3, seuls 16 mots-clés étaient définis, à l'aide desquels les couleurs étaient définies en HTML et CSS. Dans des spécifications plus récentes, plus de 130 mots-clés supplémentaires ont été ajoutés pour désigner les noms de couleur. Le tableau suivant répertorie les noms de couleur, les codes hexadécimaux et RVB auxquels ils correspondent.
Selon les règles CSS, les noms de couleur ne sont pas sensibles à la casse. Les entrées de couleur IndianRed et Indianred sont équivalentes.
Il est également intéressant de noter que sur les 146 mots-clés du tableau, il y a en fait moins de couleurs. C'est parce que certains mots clés représentent la même couleur. Ainsi, les noms Gray et Gray représentent 50% de gris avec le code # 808080, et le mot Magenta est un synonyme de la couleur HTML Fuchsia, qui correspond au code hexadécimal # FF00FF. Les mots Aqua et Cyan sont également synonymes, ils correspondent au code # 00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Les nombres hexadécimaux sont utilisés pour définir les couleurs. Le système hexadécimal, contrairement au système décimal, est basé, comme son nom l'indique, sur le nombre 16. Les nombres seront les suivants: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Les nombres de 10 à 15 sont remplacés par des lettres latines. Les nombres supérieurs à 15 en hexadécimal sont formés en combinant deux nombres en un seul. Par exemple, 255 décimal est FF hexadécimal. Pour éviter toute confusion dans la définition du système numérique, le caractère dièse # est placé devant le nombre hexadécimal, par exemple # 666999. Chacune des trois couleurs - rouge, vert et bleu - peut aller de 00 à FF. Ainsi, la désignation de la couleur est divisée en trois composants #rrggbb, où les deux premiers caractères marquent le composant rouge de la couleur, les deux du milieu - vert et les deux derniers - bleu. Il est permis d'utiliser une forme raccourcie comme #rgb, où chaque caractère doit être doublé. Ainsi, # fe0 doit être traité comme # ffee00.
De nom
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Les navigateurs prennent en charge certaines couleurs par nom. Table 1 montre les noms, le code hexadécimal, RVB, les valeurs HSL et la description.
| Nom | Couleur | Code | RVB | HSL | La description |
|---|---|---|---|---|---|
| blanc | #ffffff ou #fff | rVB (255,255,255) | hsl (0,0%, 100%) | blanc | |
| argent | # c0c0c0 | rVB (192.192.192) | hsl (0,0%, 75%) | gris | |
| gris | #808080 | rVB (128.128.128) | hsl (0,0%, 50%) | Gris foncé | |
| noir | # 000000 ou # 000 | rgb (0,0,0) | hsl (0,0%, 0%) | Le noir | |
| bordeaux | #800000 | rVB (128,0,0) | hsl (0,100%, 25%) | Rouge foncé | |
| rouge | # ff0000 ou # f00 | rVB (255,0,0) | hsl (0,100%, 50%) | rouge | |
| orange | # ffa500 | rVB (255,165,0) | hsl (38,8 100%, 50%) | Orange | |
| jaune | # ffff00 ou # ff0 | rVB (255,255,0) | hsl (60,100%, 50%) | Jaune | |
| olive | #808000 | rVB (128,128,0) | hsl (60,100%, 25%) | olive | |
| citron vert | # 00ff00 ou # 0f0 | rgb (0,255,0) | hsl (120,100%, 50%) | Vert clair | |
| vert | #008000 | rVB (0,128,0) | hsl (120,100%, 25%) | vert | |
| aqua | # 00ffff ou # 0ff | rVB (0,255,255) | hsl (180,100%, 50%) | Bleu | |
| bleu | # 0000ff ou # 00f | rgb (0,0,255) | hsl (240,100%, 50%) | Bleu | |
| marine | #000080 | rgb (0,0,128) | hsl (240,100%, 25%) | bleu marin | |
| sarcelle | #008080 | rVB (0,128,128) | hsl (180,100%, 25%) | Bleu vert | |
| fuchsia | # ff00ff ou # f0f | rVB (255,0,255) | hsl (300,100%, 50%) | Rose | |
| violet | #800080 | rVB (128,0,128) | hsl (300,100%, 25%) | Violet |
Avec RVB
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Vous pouvez déterminer la couleur à l'aide des valeurs de rouge, vert et bleu en décimal. Chacun des trois composants de couleur prend une valeur de 0 à 255. Il est également permis de définir la couleur en pourcentage, tandis que 100% correspondra au nombre 255. Tout d'abord, le mot-clé rgb est indiqué, puis entre parenthèses, les composants de couleur sont indiqués, séparés par des virgules, par exemple rgb (255 , 128, 128) ou rgb (100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Le format RGBA est similaire à la syntaxe RVB, mais comprend un canal alpha qui contrôle la transparence de l'élément. Une valeur de 0 correspond à une transparence totale, 1 à l'opacité et une valeur intermédiaire comme 0,5 à la semi-transparence.
RGBA a été ajouté dans CSS3, donc la validation du code CSS doit être effectuée en utilisant cette version. Il est à noter que la norme CSS3 est encore en cours de développement et que certaines fonctionnalités peuvent changer. Par exemple, une couleur RVB ajoutée à la propriété background-color est validée, mais la couleur ajoutée à la propriété background ne l'est plus. Dans le même temps, les navigateurs comprennent assez correctement la couleur des deux propriétés.
HSL
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Le nom du format HSL est formé d'une combinaison des premières lettres Hue (teinte), Saturate (saturation) et Lightness (légèreté). La teinte est la valeur de la couleur sur la roue chromatique (Fig. 1) et est donnée en degrés. 0 ° est rouge, 120 ° est vert et 240 ° est bleu. La valeur de la teinte peut aller de 0 à 359.
Figure: 1. Roue chromatique
La saturation est l'intensité d'une couleur, mesurée en pourcentage de 0% à 100%. Une valeur de 0% indique aucune couleur et une nuance de gris, 100% est la valeur de saturation maximale.
La luminosité définit la luminosité de la couleur et est exprimée en pourcentage de 0% à 100%. Les valeurs faibles assombrissent la couleur et les valeurs élevées éclaircissent, les valeurs extrêmes de 0% et 100% correspondent au noir et blanc.
HSLA
| Internet Explorer | Chrome | Opéra | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Le format HSLA est similaire en syntaxe à HSL, mais comprend un canal alpha qui contrôle la transparence de l'élément. Une valeur de 0 correspond à une transparence totale, 1 à l'opacité et une valeur intermédiaire comme 0,5 à la semi-transparence.
Les valeurs de couleur aux formats RGBA, HSL et HSLA ont été ajoutées dans CSS3, donc lorsque vous utilisez ces formats, vérifiez la validité du code en fonction de la version.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
avertissement
Toutes les méthodes de capture du lion répertoriées sur le site sont théoriques et basées sur des méthodes de calcul. Les auteurs ne garantissent pas votre sécurité lors de leur utilisation et déclinent toute responsabilité quant au résultat. N'oubliez pas que le lion est un prédateur et un animal dangereux!
Résultat cet exemple illustré à la fig. 2.
Figure: 2. Couleurs sur la page Web
En HTML, la couleur peut être définie de trois manières:
Définir une couleur en HTML par son nom
Certaines couleurs peuvent être spécifiées par leur nom, en utilisant le nom de la couleur sur langue Anglaise... Les mots-clés les plus courants sont noir, blanc, rouge, vert, bleu, etc.
Couleur du texte - rouge
Les couleurs les plus populaires de la norme du World Wide Web Consortium (W3C) sont:
| Couleur | Nom | Couleur | Nom | Couleur | Nom | Couleur | Nom |
|---|---|---|---|---|---|---|---|
| Noir | gris | argent | blanc | ||||
| Jaune | Citron vert | Aqua | Fuchsia | ||||
| rouge | vert | Bleu | Violet | ||||
| Bordeaux | olive | Marine | Sarcelle |
Un exemple d'utilisation de différents noms de couleurs:
Exemple: définir une couleur par son nom
- Essayez-le vous-même "
Titre sur fond rouge
Titre sur fond orange
Titre sur fond de citron vert
Texte blanc sur fond bleu
Titre sur fond rouge
Titre sur fond orange
Titre sur fond de citron vert
Texte blanc sur fond bleu
Spécification de la couleur à l'aide de RVB
Lors de l'affichage de différentes couleurs sur le moniteur, la palette RVB sert de base. Toute couleur est obtenue en mélangeant trois couleurs principales: R - rouge (rouge), G - vert (vert), B - bleu... La luminance de chaque couleur est spécifiée par un octet et peut donc être comprise entre 0 et 255. Par exemple, RVB (255,0,0) est affiché en rouge car le rouge est défini sur sa valeur la plus élevée (255) et le reste sur 0 Vous pouvez également définir la couleur sous forme de pourcentage. Chacun des paramètres indique le niveau de luminosité de la couleur correspondante. Par exemple: les valeurs rgb (127, 255, 127) et rgb (50%, 100%, 50%) seront définies de la même manière couleur verte saturation moyenne:
Exemple: spécification d'une couleur à l'aide de RVB
- Essayez-le vous-même "
rVB (127, 255, 127)
rVB (50%, 100%, 50%)
RVB (127, 255, 127)
RVB (50%, 100%, 50%)
Définir la couleur par valeur hexadécimale
Les valeurs R g B peut également être spécifié à l'aide de valeurs de couleur hexadécimales (HEX) sous la forme: #RRGGBB, où RR (rouge), GG (vert) et BB (bleu) sont des valeurs hexadécimales de 00 à FF (identique au décimal 0-255) ... Le système hexadécimal, contrairement au système décimal, est basé, comme son nom l'indique, sur le nombre 16. Le système hexadécimal utilise les caractères suivants: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ici, les nombres de 10 à 15 sont remplacés par des lettres latines. Les nombres supérieurs à 15 en hexadécimal représentent la combinaison de deux caractères en une seule valeur. Par exemple, le nombre le plus élevé 255 en décimal est le FF le plus élevé en hexadécimal. Contrairement au système décimal, un symbole de hachage est placé devant le nombre hexadécimal # par exemple, # FF0000 est affiché en rouge car le rouge est défini sur sa valeur la plus élevée (FF) et le reste des couleurs est défini sur sa valeur minimale (00). Caractères après le symbole de hachage # peut être tapé à la fois en majuscules et en minuscules. Le système hexadécimal vous permet d'utiliser une forme abrégée comme #rgb, où chaque caractère est équivalent à un double. Ainsi, l'entrée # f7O doit être considérée comme # ff7700.
Exemple: Color HEX
- Essayez-le vous-même "
rouge: # FF0000
vert: # 00FF00
bleu: # 0000FF
rouge: # FF0000
vert: # 00FF00
bleu: # 0000FF
rouge + vert \u003d jaune: # FFFF00
rouge + bleu \u003d violet: # FF00FF
vert + bleu \u003d cyan: # 00FFFF
Liste des couleurs courantes (nom, HEX et RVB):
| nom anglais | Nom russe | Échantillon | HEX | RVB | ||
|---|---|---|---|---|---|---|
| Amarante | Amarante | # E52B50 | 229 | 43 | 80 | |
| ambre | ambre | # FFBF00 | 255 | 191 | 0 | |
| Aqua | Bleu vert | # 00FFFF | 0 | 255 | 255 | |
| Azur | Azur | # 007FFF | 0 | 127 | 255 | |
| Noir | Le noir | #000000 | 0 | 0 | 0 | |
| Bleu | Bleu | # 0000FF | 0 | 0 | 255 | |
| Bleu Bondi | Eau de la plage de Bondi | # 0095B6 | 0 | 149 | 182 | |
| Laiton | Laiton | # B5A642 | 181 | 166 | 66 | |
| marron | marron | # 964B00 | 150 | 75 | 0 | |
| Azuré | Azur | # 007BA7 | 0 | 123 | 167 | |
| Vert printemps foncé | Vert printemps foncé | #177245 | 23 | 114 | 69 | |
| émeraude | émeraude | # 50C878 | 80 | 200 | 120 | |
| Aubergine | Aubergine | #990066 | 153 | 0 | 102 | |
| Fuchsia | Fuchsia | # FF00FF | 255 | 0 | 255 | |
| Or | Or | # FFD700 | 250 | 215 | 0 | |
| gris | gris | #808080 | 128 | 128 | 128 | |
| vert | vert | # 00FF00 | 0 | 255 | 0 | |
| Indigo | Indigo | # 4B0082 | 75 | 0 | 130 | |
| Jade | Jade | # 00A86B | 0 | 168 | 107 | |
| Citron vert | Citron vert | # CCFF00 | 204 | 255 | 0 | |
| Malachite | Malachite | # 0BDA51 | 11 | 218 | 81 | |
| Marine | bleu marin | #000080 | 0 | 0 | 128 | |
| Ocre | Ocre | # CC7722 | 204 | 119 | 34 | |
| olive | olive | #808000 | 128 | 128 | 0 | |
| Orange | Orange | # FFA500 | 255 | 165 | 0 | |
| Pêche | Pêche | # FFE5B4 | 255 | 229 | 180 | |
| Citrouille | Citrouille | # FF7518 | 255 | 117 | 24 | |
| Violet | Violet | #800080 | 128 | 0 | 128 | |
| rouge | rouge | # FF0000 | 255 | 0 | 0 | |
| Safran | Safran | # F4C430 | 244 | 196 | 48 | |
| Vert de mer | Mer verte | # 2E8B57 | 46 | 139 | 87 | |
| Vert marais | Marais | # ACB78E | 172 | 183 | 142 | |
| Sarcelle | Bleu vert | #008080 | 0 | 128 | 128 | |
| Outremer | Outremer | # 120A8F | 18 | 10 | 143 | |
| Violet | Violet | # 8B00FF | 139 | 0 | 255 | |
| Jaune | Jaune | # FFFF00 | 255 | 255 | 0 | |
Codes couleur (arrière-plan) par saturation et teinte.
Tableau (palette) couleurs HTML vous donne la possibilité de choisir indépendamment le ton dont vous avez besoin. La valeur de la couleur est affichée dans trois formats: Hex, RVB et HSV.
- Hex se compose de trois valeurs à deux caractères en notation hexadécimale. Par exemple: # ff00b3 où la première paire de nombres est rouge, la seconde est verte et la troisième est bleue.
- RVB (RedGreenBlue) a la forme "200,100,255", indiquant la quantité de ton correspondant (rouge, vert, bleu) dans la couleur résultante.
- HSV (Teinte, Saturation, Valeur - teinte, saturation, valeur) - modèle de couleur, dans lequel les coordonnées sont:
- Teinte - teinte, peut varier de 0 ° à 360 °.
- Saturation - saturation, va de 0-100 ou 0-1. Plus ce paramètre est grand, plus la couleur est "pure", c'est pourquoi ce paramètre est parfois appelé pureté de la couleur. Et plus ce paramètre est proche de zéro, plus la couleur est proche du gris neutre.
- Valeur (valeur de couleur) - définit la luminosité, la valeur peut également varier entre 0-100 ou 0-1.
Entrez le code couleur: ALLER
Liste des couleurs avec des noms
Le tableau répertorie les noms de couleurs anglais (qui peuvent être utilisés comme valeurs) pris en charge par tous les navigateurs et leurs valeurs hexadécimales. Toutes les couleurs répertoriées sont «sûres», c'est-à-dire qu'elles seront affichées de la même manière dans tous les navigateurs.
| Nom de la couleur | HEX | Couleur |
|---|---|---|
| Noir | #000000 | |
| Marine | #000080 | |
| Bleu foncé | # 00008B | |
| Bleu moyen | # 0000CD | |
| Bleu | # 0000FF | |
| Vert foncé | #006400 | |
| vert | #008000 | |
| Sarcelle | #008080 | |
| DarkCyan | # 008B8B | |
| DeepSkyBlue | # 00BFFF | |
| Turquoise foncé | # 00CED1 | |
| MoyenSpringVert | # 00FA9A | |
| Citron vert | # 00FF00 | |
| Vert printanier | # 00FF7F | |
| Aqua | # 00FFFF | |
| Cyan | # 00FFFF | |
| Bleu nuit | #191970 | |
| DodgerBlue | # 1E90FF | |
| LumièreSeaGreen | # 20B2AA | |
| Forêt verte | # 228B22 | |
| SeaGreen | # 2E8B57 | |
| DarkSlateGray | # 2F4F4F | |
| Vert citron | # 32CD32 | |
| MediumSeaGreen | # 3CB371 | |
| Turquoise | # 40E0D0 | |
| Bleu royal | # 4169E1 | |
| SteelBlue | # 4682B4 | |
| DarkSlateBlue | # 483D8B | |
| MoyenTurquoise | # 48D1CC | |
| Indigo | # 4B0082 | |
| DarkOliveVert | # 556B2F | |
| CadetBleu | # 5F9EA0 | |
| Bleuet | # 6495ED | |
| MoyenAquaMarine | # 66CDAA | |
| DimGray | #696969 | |
| Bleu ardoise | # 6A5ACD | |
| OliveDrab | # 6B8E23 | |
| Gris ardoise | #708090 | |
| LightSlateGray | #778899 | |
| MediumSlateBlue | # 7B68EE | |
| LawnGreen | # 7CFC00 | |
| Chartreuse | # 7FFF00 | |
| Bleu vert | # 7FFFD4 | |
| Bordeaux | #800000 | |
| Violet | #800080 | |
| olive | #808000 | |
| gris | #808080 | |
| Bleu ciel | # 87CEEB | |
| LightSkyBlue | # 87CEFA | |
| Bleuviolet | # 8A2BE2 | |
| Rouge foncé | # 8B0000 | |
| DarkMagenta | # 8B008B | |
| Saddlebrown | # 8B4513 | |
| DarkSeaGreen | # 8FBC8F | |
| Vert clair | # 90EE90 | |
| MoyenViolet | # 9370D8 | |
| Violet foncé | # 9400D3 | |
| Vert pâle | # 98FB98 | |
| DarkOrchid | # 9932CC | |
| Vert jaunâtre | # 9ACD32 | |
| Terre de sienne | # A0522D | |
| marron | # A52A2A | |
| Gris foncé | # A9A9A9 | |
| Bleu clair | # ADD8E6 | |
| Vert jaune | # ADFF2F | |
| Paleturquoise | #AFEEEE | |
| LightSteelBleu | # B0C4DE | |
| Poudre bleue | # B0E0E6 | |
| FireBrick | # B22222 | |
| DarkGoldenRod | # B8860B | |
| MediumOrchidé | # BA55D3 | |
| RosyBrown | # BC8F8F | |
| Darkkhaki | # BDB76B | |
| argent | # C0C0C0 | |
| MoyenVioletRouge | # C71585 | |
| Indien rouge | # CD5C5C | |
| Pérou | # CD853F | |
| Chocolat | # D2691E | |
| bronzer | # D2B48C | |
| Gris clair | # D3D3D3 | |
| PaleVioletRouge | # D87093 | |
| Chardon | # D8BFD8 | |
| Orchidée | # DA70D6 | |
| GoldenRod | # DAA520 | |
| cramoisi | # DC143C | |
| Gainsboro | #DCDCDC | |
| prune | # DDA0DD | |
| Bois bohu | # DEB887 | |
| Cyan clair | # E0FFFF | |
| Lavande | # E6E6FA | |
| Darksalmon | # E9967A | |
| Violet | # EE82EE | |
| PaleGoldenRod | # EEE8AA | |
| LightCoral | # F08080 | |
| Kaki | # F0E68C | |
| AliceBlue | # F0F8FF | |
| Miellat | # F0FFF0 | |
| Azur | # F0FFFF | |
| Brun sable | # F4A460 | |
| Blé | # F5DEB3 | |
| Beige | # F5F5DC | |
| Fumée blanche | # F5F5F5 | |
| MentheCrème | # F5FFFA | |
| GhostWhite | # F8F8FF | |
| Saumon | # FA8072 | |
| Blanc antique | # FAEBD7 | |
| Lin | # FAF0E6 | |
| LightGoldenRodJaune | # FAFAD2 | |
| OldLace | # FDF5E6 | |
| rouge | # FF0000 | |
| Fuchsia | # FF00FF | |
| Magenta | # FF00FF | |
| Rose profond | # FF1493 | |
| Rouge-orange | # FF4500 | |
| Tomate | # FF6347 | |
| Rose vif | # FF69B4 | |
| corail | # FF7F50 | |
| Orange sombre | # FF8C00 | |
| LightSaumon | # FFA07A | |
| Orange | # FFA500 | |
| Rose clair | # FFB6C1 | |
| Rose | # FFC0CB | |
| Or | # FFD700 | |
| PeachPuff | # FFDAB9 | |
| NavajoBlanc | #FFDEAD | |
| Mocassin | # FFE4B5 | |
| Bisque | # FFE4C4 | |
| MistyRose | # FFE4E1 | |
| Amande blanchie | #FFEBCD | |
| PapayaWhip | # FFEFD5 | |
| LavandeBlush | # FFF0F5 | |
| SeaShell | # FFF5EE | |
| Soie de maïs | # FFF8DC | |
| CitronChiffon | #FFFACD | |
| FloralBlanc | # FFFAF0 | |
| Neige | #FFFAFA | |
| Jaune | # FFFF00 | |
| Jaune clair | # FFFFE0 | |
| Ivoire | # FFFFF0 | |
| blanc | #FFFFFF |
