Tableau (palette) couleurs html vous donne la possibilité de choisir indépendamment le ton dont vous avez besoin. La valeur de 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 chiffres est rouge, la seconde est verte et la troisième est bleue.
- RGB (RedGreenBlue) a la forme "200,100,255" indiquant la quantité de ton correspondant (rouge, vert, bleu) dans la couleur résultante.
- HSV (Hue, Saturation, Value - ton, saturation, valeur) - un modèle de couleur dans lequel les coordonnées sont :
- Teinte - tonalité de couleur, peut varier de 0° à 360°.
- Saturation - saturation, varie entre 0-100 ou 0-1. Plus ce paramètre est élevé, plus la couleur est "pure", c'est pourquoi ce paramètre est parfois appelé pureté des couleurs. 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.
Saisissez le code couleur : ALLER
Liste des couleurs avec 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", ce qui signifie qu'elles s'afficheront de la même manière dans tous les navigateurs.
Nom de la couleur | HEX | Couleur |
---|---|---|
Le 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 | |
MediumSpringGreen | #00FA9A | |
chaux | #00FF00 | |
Vert printanier | #00FF7F | |
Aqua | #00FFFF | |
cyan | #00FFFF | |
bleu nuit | #191970 | |
Bleu roublard | #1E90FF | |
LumièreMerVert | #20B2AA | |
forêt verte | #228B22 | |
vert de mer | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Vert citron | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turquoise | #40E0D0 | |
Bleu royal | #4169E1 | |
bleu acier | #4682B4 | |
SombreArdoiseBleu | #483D8B | |
Turquoise moyen | #48D1CC | |
Indigo | #4B0082 | |
SombreOliveVert | #556B2F | |
Bleu cadet | #5F9EA0 | |
Bleuet | #6495ED | |
MediumAquaMarine | #66CDAA | |
Gris foncé | #696969 | |
Bleu ardoise | #6A5ACD | |
OliveDrab | #6B8E23 | |
Gris ardoise | #708090 | |
GrisArdoise Clair | #778899 | |
MediumArdoiseBleu | #7B68EE | |
PelouseVert | #7CFC00 | |
chartreuse | #7FFF00 | |
bleu vert | #7FFFD4 | |
bordeaux | #800000 | |
Violet | #800080 | |
olive | #808000 | |
Gris | #808080 | |
bleu ciel | #87CEEB | |
LumièreCielBleu | #87CEFA | |
bleu violet | #8A2BE2 | |
rouge foncé | #8B0000 | |
DarkMagenta | #8B008B | |
SelleMarron | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
Vert clair | #90EE90 | |
Violet moyen | #9370D8 | |
violet foncé | #9400D3 | |
vert pâle | #98FB98 | |
Orchidée noire | #9932CC | |
vert jaunâtre | #9ACD32 | |
Terre de sienne | #A0522D | |
Marron | #A52A2A | |
gris foncé | #A9A9A9 | |
bleu clair | #ADD8E6 | |
Vert jaune | #ADFF2F | |
pâleturquoise | #AFEEEE | |
LumièreAcierBleu | #B0C4DE | |
Poudre bleue | #B0E0E6 | |
Brique réfractaire | #B22222 | |
SombreOrRod | #B8860B | |
Orchidée moyenne | #BA55D3 | |
RosyBrown | #BC8F8F | |
Kaki foncé | #BDB76B | |
Argent | #C0C0C0 | |
MoyenVioletRouge | #C71585 | |
IndienRouge | #CD5C5C | |
Pérou | #CD853F | |
Chocolat | #D2691E | |
bronzer | #D2B48C | |
gris clair | #D3D3D3 | |
PâleVioletRouge | #D87093 | |
Chardon | #D8BFD8 | |
Orchidée | #DA70D6 | |
tige d'or | #DAA520 | |
cramoisi | #DC143C | |
Gainsboro | #DCDCDC | |
Prune | #DDA0DD | |
Bois bohu | #DEB887 | |
Cyan clair | #E0FFFF | |
Lavande | #E6E6FA | |
Saumon foncé | #E9967A | |
violet | #EE82EE | |
PâleOrBâton | #EEE8AA | |
Corail clair | #F08080 | |
Kaki | #F0E68C | |
Alice Bleu | #F0F8FF | |
miellat | #F0FFF0 | |
Azur | #F0FFFF | |
Brun sable | #F4A460 | |
Du blé | #F5DEB3 | |
Beige | #F5F5DC | |
fumée blanche | #F5F5F5 | |
MentheCrème | #F5FFFA | |
fantôme blanc | #F8F8FF | |
Saumon | #FA8072 | |
blanc antique | #FAEBD7 | |
lin | #FAF0E6 | |
LumièreOrRodJaune | #FAFAD2 | |
Dentelle ancienne | #FDF5E6 | |
Rouge | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
rose profond | #FF1493 | |
Rouge-orange | #FF4500 | |
tomate | #FF6347 | |
rose vif | #FF69B4 | |
corail | #FF7F50 | |
Orange sombre | #FF8C00 | |
saumon clair | #FFA07A | |
Orange | #FFA500 | |
rose clair | #FFB6C1 | |
Rose | #FFC0CB | |
Or | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoBlanc | #FFDEAD | |
Mocassin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Amande blanchie | #FFEBCD | |
Fouet à la papaye | #FFEFD5 | |
LavandeBlush | #FFF0F5 | |
coquillage | #FFF5EE | |
Soie de maïs | #FFF8DC | |
CitronChiffon | #FFFACD | |
FloralBlanc | #FFFAF0 | |
Neiger | #FFFAFA | |
Jaune | #FFFF00 | |
Jaune clair | #FFFFE0 | |
Ivoire | #FFFFF0 | |
Blanc | #FFFFFF |
Cette page contient un tableau avec des mots-clés qui peuvent être utilisés pour désigner des couleurs dans des langages de développement Web tels que : HTML, CSS, JavaScript, Flash, etc.
Dans l'ancienne spécification WC3, seuls 16 mots clés étaient utilisés pour définir les couleurs en HTML et CSS. Dans des spécifications ultérieures plus modernes, 130 autres mots-clés ont été ajoutés pour désigner les noms de couleurs. Le tableau suivant contient les noms de couleurs, les codes hexadécimaux et RVB auxquels elles correspondent.
Selon les règles CSS, les noms de couleurs ne sont pas sensibles à la casse. Les entrées de couleur IndianRed et indianred sont équivalentes.
Il convient également de noter que sur les 146 mots clés du tableau, il contient 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 synonyme Couleurs HTML Fuchsia , correspondant au code hexadécimal #FF00FF . Les mots Aqua et Cyan sont également synonymes, ils correspondent au code #00FFFF .
|
|
Les codes de couleur en CSS sont utilisés pour spécifier les couleurs. En règle générale, les codes de couleur ou les valeurs de couleur sont utilisés pour définir une couleur pour le premier plan d'un élément (par exemple, le texte, la couleur du lien) ou l'arrière-plan de l'élément (arrière-plan, couleur de bloc). Ils peuvent également être utilisés pour modifier la couleur des boutons, les bordures, le marqueur, le survol et d'autres effets décoratifs.
Vous pouvez définir vos propres valeurs de couleur dans différents formats. Le tableau suivant répertorie tous les formats possibles :
Ces formats sont décrits plus en détail ci-dessous.
Couleurs CSS - Codes hexadécimaux
Code couleur hexadécimal est une représentation de couleur à six chiffres. Les deux premiers chiffres (RR) sont la valeur rouge, les deux suivants sont la valeur verte (GG) et les deux derniers sont la valeur bleue (BB).
Couleurs CSS - Codes hexadécimaux courts
Code couleur hexadécimal court est une forme plus courte de notation à six caractères. Dans ce format, chaque chiffre est répété pour produire la valeur de couleur équivalente à six chiffres. Par exemple : #0F0 devient #00FF00.
La valeur hexadécimale peut être tirée de n'importe quel graphique Logiciel, tel que Adobe Photoshop, Core Draw, etc.
Chaque code couleur hexadécimal en CSS sera précédé d'un signe dièse "#". Voici des exemples d'utilisation de la notation hexadécimale.
Couleurs CSS - Valeurs RVB
Valeur RVB est un code de couleur défini à l'aide de la propriété rgb(). Cette propriété prend trois valeurs : une pour le rouge, le vert et le bleu. La valeur peut être un nombre entier, compris entre 0 et 255, ou un pourcentage.
Noter: Tous les navigateurs ne prennent pas en charge la propriété de couleur rgb(), il n'est donc pas recommandé de l'utiliser.
Vous trouverez ci-dessous un exemple montrant plusieurs couleurs utilisant des valeurs RVB.
Générateur de code couleur
Vous pouvez créer des millions de codes de couleur avec notre service.
Couleurs sécurisées du navigateur
Vous trouverez ci-dessous un tableau de 216 couleurs qui sont les plus sécurisées et indépendantes de l'ordinateur. Ces couleurs en CSS vont de 000000 au code hexadécimal FFFFFF. Ils sont sûrs à utiliser car ils garantissent que tous les ordinateurs afficheront correctement les couleurs lorsqu'ils travaillent avec la palette de 256 couleurs.
Tableau des couleurs "sûres" en CSS | |||||
#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 | #CCCCCC | #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 |