Couleur turquoise foncé. La couleur des styles peut être définie de différentes manières : par valeur hexadécimale, par nom, au format RVB, RVBA, HSL, HSLA. Avec RVB
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 des couleurs sur langue Anglaise(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 |
Les couleurs HTML sont indiquées par six caractères après la barre oblique - par exemple, #000000. Ces six caractères représentent les proportions des différentes couleurs (rouge, vert et bleu) dans la couleur finale. L'image sur votre écran d'ordinateur est composée d'un grand nombre de points appelés pixels. Chaque pixel est une petite source de lumière, appelons-la une "lampe de poche", qui à son tour se compose de trois lampes de poche - rouge, verte et bleue. En réduisant ou en augmentant l'intensité de la lueur des lanternes colorées individuelles, nous obtenons la couleur souhaitée.
codes couleurs html
Les couleurs en HTML sont désignées par la notation hexadécimale (HEX) pour la combinaison de rouge, bleu et vert (RVB).
La plus petite valeur de couleur est 0 (hexadécimal 00). valeur la plus élevée la couleur est 255 (FF hexadécimal).
La valeur de couleur hexadécimale est composée de trois chiffres commençant par #.
Codes couleurs (valeurs)
Couleur | Code HEX | Code RVB |
---|---|---|
#000000 | RVB(0,0,0) | |
#FF0000 | RVB(255,0,0) | |
#00FF00 | RVB(0,255,0) | |
#0000FF | RVB(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
En combinant le rouge, le bleu et le vert avec des valeurs allant de 0 à 255 pour chaque couleur, on obtient plus de 16 millions de nuances (256 x 256 x 256).
La plupart des moniteurs modernes sont capables d'afficher au moins 16 384 nuances différentes (les moniteurs LCD sont généralement capables d'afficher 262,16 millions (mise à jour octobre 2013) couleurs, tandis que les moniteurs CRT peuvent afficher un nombre presque illimité de couleurs).
À Charte de couleurs voici l'évolution de la proportion de rouge de 0 à 255 avec des valeurs nulles pour le bleu et le vert :
Rouge | Code HEX | Code RVB |
---|---|---|
#000000 | RVB(0,0,0) | |
#080000 | RVB(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 | RVB(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 le choix de la couleur souhaitée, nous mettons à votre disposition des codes de nuances de gris.
nuances de gris | Code HEX | Code RVB |
---|---|---|
#000000 | RVB(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) | |
#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 inter-navigateurs (pour tous les navigateurs)
Une collection de 150 noms de couleurs html pris en charge dans tous les navigateurs.
Noms de couleurs normalisés
Le W3C répertorie 16 noms de couleurs valides pour HTML et CSS : aqua (aquamarine), black (noir), blue (blue), fuchsia (magenta), gray (gray), green (green), lime (lime ou vert clair), marron (châtaigne), marine (outremer), olive (olive), violet (violet), rouge (rouge), argent (argent), bleu sarcelle (gris), blanc (blanc) et jaune (jaune).
Lorsque vous utilisez des couleurs qui ne sont pas incluses dans cette liste, il sera plus correct d'utiliser leur code hexadécimal (HEX) ou code RVB.
Couleurs sûres
Il y a quelques années, alors que les ordinateurs pouvaient supporter au maximum 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 en mode palette de 256 couleurs.
Cela n'a plus d'importance maintenant, car la plupart des ordinateurs dans le monde prennent en charge des millions de nuances de couleur. Dans tous les cas, 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 | 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 |
Les nombres hexadécimaux sont utilisés pour spécifier 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 chiffres de 10 à 15 sont remplacés par des lettres latines. Les nombres supérieurs à 15 dans le système hexadécimal sont formés en combinant deux nombres en un seul. Par exemple, le nombre 255 en décimal correspond au nombre FF en hexadécimal. Pour éviter toute confusion dans la définition du système de numération, le nombre hexadécimal est précédé du symbole dièse #, par exemple #666999. Chacune des trois couleurs - rouge, vert et bleu - peut prendre des valeurs de 00 à FF. Ainsi, la désignation de la couleur est divisée en trois composantes #rrggbb, où les deux premiers caractères marquent la composante rouge de la couleur, les deux du milieu marquent le vert et les deux derniers marquent le bleu. Il est permis d'utiliser la forme abrégée #rgb, où chaque caractère doit être doublé. Ainsi, l'entrée #fe0 doit être considérée 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 leur nom. En tableau. 1 montre les noms, le code hexadécimal, les valeurs au format RVB, HSL et la description.
Nom | Couleur | Le code | RVB | LGV | La description |
---|---|---|---|---|---|
blanche | #fffff ou #fff | RVB(255,255,255) | hsl(0.0%,100%) | Blanc | |
Argent | #c0c0c0 | RVB(192,192,192) | hsl(0,0 %, 75 %) | Gris | |
grise | #808080 | RVB(128,128,128) | hsl(0,0 %, 50 %) | Gris foncé | |
le noir | #000000 ou #000 | RVB(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 | |
chaux | #00ff00 ou #0f0 | RVB(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 | RVB(0,0,255) | hsl(240,100%,50%) | Bleu | |
marine | #000080 | RVB(0,0,128) | hsl(240,100%,25%) | Bleu foncé | |
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éfinir une couleur en utilisant les valeurs de rouge, vert et bleu en termes décimaux. Chacune des trois composantes de couleur prend une valeur de 0 à 255. Il est également acceptable de définir la couleur en pourcentage, tandis que 100 % correspondra au nombre 255. Tout d'abord, le mot-clé rgb est spécifié, puis les composantes de couleur sont spécifié entre parenthèses, séparés par des virgules, par exemple rgb(255 , 128, 128) ou rgb(100%, 50%, 50%).
RVBA
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 en syntaxe à RGB, mais inclut un canal alpha qui définit la transparence de l'élément. Une valeur de 0 est entièrement transparente, 1 est opaque et une valeur intermédiaire telle que 0,5 est translucide.
RGBA est ajouté à CSS3, la validation du code CSS doit donc être effectuée conformément à cette version. Il convient de noter que la norme CSS3 est encore en cours de développement et que certaines de ses fonctionnalités peuvent changer. Par exemple, une couleur RVB ajoutée à la propriété background-color passe la validation, mais pas une autre ajoutée à la propriété background. Dans le même temps, les navigateurs comprennent assez bien la couleur des deux propriétés.
LGV
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 (hue), Saturate (saturation) et Lightness (légèreté). La teinte est la valeur de couleur sur la roue chromatique (Fig. 1) et est spécifiée en degrés. 0° est rouge, 120° est vert et 240° est bleu. La valeur de teinte peut varier de 0 à 359.
Riz. 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 spécifiée sous forme de pourcentage de 0 % à 100 %. Les petites valeurs rendent la couleur plus sombre, tandis que les valeurs élevées la rendent plus claire, 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 inclut un canal alpha qui définit la transparence de l'élément. Une valeur de 0 est entièrement transparente, 1 est opaque et une valeur intermédiaire telle que 0,5 est translucide.
Les valeurs de couleur aux formats RGBA, HSL et HSLA sont ajoutées à CSS3, donc lors de l'utilisation de ces formats, vérifiez la validité du code par rapport à la version.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Avertissement
Toutes les méthodes de capture d'un lion répertoriées sur le site sont théoriques et basées sur des méthodes informatiques. 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.
Riz. 2. Couleurs sur la page Web
Les codes de couleur en CSS sont utilisés pour spécifier les couleurs. Généralement, les codes de couleur ou valeurs de couleur sont utilisés pour définir la couleur du premier plan d'un élément (par exemple, la couleur du texte, des liens) ou de l'arrière-plan d'un élément (la couleur de l'arrière-plan, du 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 |
Le module CSS color détaille les valeurs qui permettent aux auteurs de définir les couleurs et l'opacité des éléments html, ainsi que les valeurs de la propriété color.
propriété de couleur
1. Couleurs prioritaires : propriété de couleur
La propriété définit la couleur de la police à l'aide de divers systèmes de rendu. La propriété décrit la couleur du contenu textuel de l'élément. Il est également utilisé pour fournir une valeur indirecte potentielle (currentColor) pour toute autre propriété qui accepte les valeurs de couleur.
La propriété est héritée.
2. Valeurs de couleur
2.1. Mots clés principaux
Liste des principaux mots clés inclut les valeurs suivantes :
Nom | HEX | RVB | Couleur |
---|---|---|---|
le noir | #000000 | 0,0,0 | |
Argent | #C0C0C0 | 192,192,192 | |
grise | #808080 | 128,128,128 | |
blanche | #FFFFFF | 255,255,255 | |
bordeaux | #800000 | 128,0,0 | |
rouge | #FF0000 | 255,0,0 | |
violet | #800080 | 128,0,128 | |
fuchsia | #FF00FF | 255,0,255 | |
vert | #008000 | 0,128,0 | |
chaux | #00FF00 | 0,255,0 | |
olive | #808000 | 128,128,0 | |
jaune | #FFFF00 | 255,255,0 | |
marine | #000080 | 0,0,128 | |
bleu | #0000FF | 0,0,255 | |
sarcelle | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Les noms de couleurs ne sont pas sensibles à la casse.
Syntaxe
Couleur sarcelle;
2.2. Valeurs de couleur numériques
2.2.1. Couleurs du modèle RVB
Le format d'une valeur RVB en hexadécimal est un signe # immédiatement suivi de trois ou six caractères hexadécimaux. La notation RVB à trois chiffres #rgb est convertie en la forme à six chiffres #rrggbb en copiant les chiffres, et non en ajoutant des zéros. Par exemple, #fb0 se développe en #ffbb00 . Cela garantit que le blanc #ffffff peut être spécifié dans le raccourci #fff et supprime toute dépendance à la profondeur de couleur de l'affichage.
Le format d'une valeur RVB en notation fonctionnelle est rgb( suivi d'une liste séparée par des virgules de trois valeurs numériques (soit trois valeurs entières soit trois valeurs en pourcentage) suivi du caractère) . La valeur entière 255 correspond à 100 % et F ou FF en notation hexadécimale :
RVB(255,255,255) = RVB(100%, 100%, 100%) = #FFF
Les espaces sont autorisés autour des valeurs numériques.