Si vous êtes un graphiste ou si vous venez tout juste de vous lancer dans un programme d'édition d'images, vous aurez vu un boîte qui vous a permis de changer la couleur, que ce soit le pot de peinture, le pinceau, les lettres... Ce qui vous a peut-être rendu curieux, c'est le fait que, lorsque vous choisissez une couleur, elle apparaît un code couleur, tu sais ce que c'est ?
Si vous vous êtes déjà demandé ce que signifient ces codes de lettres ou de chiffres et que vous souhaitez en savoir plus, nous vous aidons à comprendre l'importance du code de couleur, pourquoi ils reflètent les couleurs et d'autres détails curieux.
Quel est le code couleur
Nous pouvons définir le code couleur comme un gamme chromatique dans laquelle une bande peut être affichée. C'est-à-dire les possibilités qui existent, dans une palette d'environ 216 couleurs, pour déterminer à quoi ressemblera un site Web. Ce code peut être basé sur trois types de systèmes : RGB, HEX et HSL (ce dernier est désormais obsolète).
En fait, à quoi sert le code couleur, c'est de servir de code universel pour tous les navigateurs de sorte qu'avec ces codes, on arrive à reproduire les mêmes tons, que ce soit dans Internet Explorers, dans Firefox Mozilla, dans Google Chrome...
Vous devez savoir que un ordinateur est capable de distinguer jusqu'à 16 millions de couleurs, il existe donc de nombreuses possibilités pour créer un site web ou pour modifier des images.
Types de codes couleurs
Comme nous vous l'avons déjà dit, il existe trois types de systèmes :
- RVB. C'est la plus connue et elle est composée de trois couleurs primaires, rouge, bleu et vert, desquelles, par leur combinaison, dérivent le reste des couleurs. Quant à sa représentation, elle va de 0 à 255 et le code qui apparaît est composé de trois chiffres séparés par des virgules et entre parenthèses.
- Hexadécimal. Utilisé principalement en HTML et CSS. Dans ce cas, il est composé à la fois de chiffres et de lettres qui sont disposés entre eux pour obtenir des codes qui déterminent les couleurs.
- LGV. Déjà en désuétude, elle repose sur l'utilisation de la teinte, de la saturation et de la luminosité lors de la création d'une couleur. Il est déterminé par des degrés et des pourcentages (trois chiffres séparés par des virgules et entre parenthèses).
Pourquoi les codes sont-ils importants ?
Maintenant que vous savez ce qu'est le codage couleur, son application est facile à comprendre, puisque Il est utilisé pour déterminer quel code est requis pour une couleur particulière à afficher. Cela fonctionne, par exemple, sur les pages Web. Le code HTML est implicite si un site Web a un fond d'une certaine couleur, si la police est rouge, jaune, verte, bleue..., et bien d'autres utilisations.
Comprenez-vous pourquoi c'est important? Par exemple, imaginez que vous ayez un site Web avec un fond rouge. Et vous voulez le changer en un vide. Si vous connaissiez le code qui détermine la couleur rouge, en utilisant le moteur de recherche dans le code HTML vous obtiendriez l'endroit où cette couleur se reflète (liée à la couleur de fond) et vous pourriez la changer rapidement. Mais que faire si vous ne l'avez pas ? Vous devriez chercher jusqu'à ce que vous trouviez cette section et tester pour voir quel code est proche de ce que vous voulez.
Par conséquent, le code couleur vous aide à accélérer le travail, ainsi qu'à pouvoir utiliser des couleurs lors de la conception d'un site Web, de l'édition d'une image, etc.
Liste des couleurs et leur code Hexadécimal et RVB
Enfin, nous aimerions vous laisser ci-dessous un tableau dans lequel vous pouvez trouver la majorité des couleurs qui existent avec leur code décimal (RVB) et hexadécimal de sorte que si à tout moment vous devez modifier le code, vous pouvez le faire facilement sans avoir à le chercher dans la palette de couleurs.
Étiquette | Décimal (R, V, B) | Hexadécimal |
---|---|---|
alicebleu | RVB (240, 248, 255) | # F0F8FF |
blanc antique | RVB (250, 235, 215) | # FAEBD7 |
aqua | RVB (0, 255, 255) | #00FFFF |
bleu vert | RVB (127, 255, 212) | # 7FFFD4 |
azur | RVB (240, 255, 255) | # F0FFFF |
beige | RVB (245, 245, 220) | # F5F5DC |
bisque | RVB (255, 228, 196) | # FFE4C4 |
noir | RVB (0, 0, 0) | #000000 |
amande blanche | RVB (255, 235, 205) | #Ffebcd. |
Bleu | RVB (0, 0, 255) | # 0000FF |
bleu-violet | RVB (138, 43, 226) | # 8A2BE2 |
marron | RVB (165, 42, 42) | # A52A2A |
bois bohu | RVB (222, 184, 135) | # DEB887 |
bleu cadet | RVB (95, 158, 160) | # 5F9EA0 |
chartreuse | RVB (127, 255, 0) | # 7FFF00 |
Chocolat | RVB (210, 105, 30) | # D2691E |
corail | RVB (255, 127, 80) | # FF7F50 |
bleuet | RVB (100, 149, 237) | # 6495ED |
soie de maïs | RVB (255, 248, 220) | # FFF8DC |
cramoisi | RVB (220, 20, 60) | # DC143C |
cyan | RVB (0, 255, 255) | #00FFFF |
bleu foncé | RVB (0, 0, 139) | #00008B |
cyan foncé | RVB (0, 139, 139) | # 008B8B |
verge d'or sombre | RVB (184, 134, 11) | # B8860B |
gris foncé | RVB (169, 169, 169) | # A9A9A9 |
vert foncé | RVB (0, 100, 0) | #006400 |
gris foncé | RVB (169, 169, 169) | # A9A9A9 |
kaki foncé | RVB (189, 183, 107) | # BDB76B |
magenta foncé | RVB (139, 0, 139) | # 8B008B |
vert olive foncé | RVB (85, 107, 47) | # 556B2F |
Orange sombre | RVB (255, 140, 0) | # FF8C00 |
orchidée noire | RVB (153, 50, 204) | # 9932CC |
rouge foncé | RVB (139, 0, 0) | # 8B0000 |
saumon noir | RVB (233, 150, 122) | # E9967A |
vert d'eau foncé | RVB (143, 188, 143) | # 8FBC8F |
bleu ardoise | RVB (72, 61, 139) | # 483D8B |
gris ardoise | RVB (47, 79, 79) | # 2F4F4F |
gris ardoise | RVB (47, 79, 79) | # 2F4F4F |
turquoise foncé | RVB (0, 206, 209) | # 00CED1 |
violet foncé | RVB (148, 0, 211) | # 9400D3 |
rose profond | RVB (255, 20, 147) | # FF1493 |
bleu ciel profond | RVB (0, 191, 255) | # 00BFFF |
gris sombre | RVB (105, 105, 105) | #696969 |
grisâtre | RVB (105, 105, 105) | #696969 |
Dodgerblue | RVB (30, 144, 255) | # 1E90FF |
brique réfractaire | RVB (178, 34, 34) | #B22222 |
floralblanc | RVB (255, 250, 240) | # FFFAF0 |
forêt verte | RVB (34, 139, 34) | # 228B22 |
fuchsia | RVB (255, 0, 255) | # FF00FF |
Gainsboro | RVB (220, 220, 220) | #DCDCDC. |
blanc fantôme | RVB (248, 248, 255) | # F8F8FF |
or | RVB (255, 215, 0) | # FFD700 |
verge d'or | RVB (218, 165, 32) | # DAA520 |
gris | RVB (128, 128, 128) | #808080 |
et une transition qui soit juste. | RVB (0, 128, 0) | #008000 |
vert jaune | RVB (173, 255, 47) | # ADFF2F |
gris | RVB (128, 128, 128) | #808080 |
miellat | RVB (240, 255, 240) | # F0FFF0 |
rose vif | RVB (255, 105, 180) | # FF69B4 |
indien | RVB (205, 92, 92) | # CD5C5C |
indigo | RVB (75, 0, 130) | # 4B0082 |
ivoire | RVB (255, 255, 240) | # FFFFF0 |
kaki | RVB (240, 230, 140) | # F0E68C |
lavande | RVB (230, 230, 250) | # E6E6FA |
blush lavande | RVB (255, 240, 245) | # FFF0F5 |
vert gazon | RVB (124, 252, 0) | # 7CFC00 |
mousseline de citron | RVB (255, 250, 205) | #Fffacd. |
bleu clair | RVB (173, 216, 230) | # ADD8E6 |
corail clair | RVB (240, 128, 128) | # F08080 |
cyan clair | RVB (224, 255, 255) | # E0FFFF |
clairdorérojaune | RVB (250, 250, 210) | # FAFAD2 |
gris clair | RVB (211, 211, 211) | # D3D3D3 |
vert clair | RVB (144, 238, 144) | # 90EE90 |
gris clair | RVB (211, 211, 211) | # D3D3D3 |
rose clair | RVB (255, 182, 193) | # FFB6C1 |
saumon clair | RVB (255, 160, 122) | # FFA07A |
vert clair | RVB (32, 178, 170) | # 20B2AA |
bleu ciel clair | RVB (135, 206, 250) | # 87CEFA |
gris clair | RVB (119, 136, 153) | #778899 |
gris clair | RVB (119, 136, 153) | #778899 |
bleuacier clair | RVB (176, 196, 222) | # B0C4DE |
jaune clair | RVB (255, 255, 224) | # FFFFE0 |
chaux | RVB (0, 255, 0) | #00FF00 |
vert lime | RVB (50, 205, 50) | # 32CD32 |
lin | RVB (250, 240, 230) | # FAF0E6 |
magenta | RVB (255, 0, 255) | # FF00FF |
bordeaux | RVB (128, 0, 0) | #800000 |
aigue-marine moyenne | RVB (102, 205, 170) | # 66CDAA |
bleu moyen | RVB (0, 0, 205) | # 0000CD |
médiumorchidée | RVB (186, 85, 211) | # BA55D3 |
violet moyen | RVB (147, 112, 219) | # 9370D8 |
vert de mer moyen | RVB (60, 179, 113) | # 3CB371 |
ardoise moyennebleu | RVB (123, 104, 238) | # 7B68EE |
moyenprintempsvert | RVB (0, 250, 154) | # 00FA9A |
moyen-turquoise | RVB (72, 209, 204) | # 48D1CC |
violet moyen | RVB (199, 21, 133) | #C71585 |
bleu nuit | RVB (25, 25, 112) | #191970 |
crème à la menthe | RVB (245, 255, 250) | # F5FFFA |
rose brumeuse | RVB (255, 228, 225) | # FFE4E1 |
mocassin | RVB (255, 228, 181) | # FFE4B5 |
navajoblanc | RVB (255, 222, 173) | #Ffdead. |
marine | RVB (0, 0, 128) | #000080 |
vieux | RVB (253, 245, 230) | # FDF5E6 |
olives | RVB (128, 128, 0) | #808000 |
vert olive | RVB (107, 142, 35) | # 6B8E23 |
orange | RVB (255, 165, 0) | # FFA500 |
Orangered | RVB (255, 69, 0) | # FF4500 |
Rasoir Orchidée | RVB (218, 112, 214) | # DA70D6 |
tige d'or pâle | RVB (238, 232, 170) | # EEE8AA |
vert pâle | RVB (152, 251, 152) | # 98FB98 |
palette turquoise | RVB (175, 238, 238) | #Afeeee. |
violet pâle | RVB (219, 112, 147) | #D87093 |
papaye | RVB (255, 239, 213) | # FFEFD5 |
chou aux pêches | RVB (255, 218, 185) | # FFDAB9 |
Pérou | RVB (205, 133, 63) | # CD853F |
rose | RVB (255, 192, 203) | # FFC0CB |
prune | RVB (221, 160, 221) | # DDA0DD |
poudre bleue | RVB (176, 224, 230) | # B0E0E6 |
pourpre | RVB (128, 0, 128) | #800080 |
rouge | RVB (255, 0, 0) | # FF0000 |
rose rosé | RVB (188, 143, 143) | # BC8F8F |
royalblue | RVB (65, 105, 225) | # 4169E1 |
brun de selle | RVB (139, 69, 19) | # 8B4513 |
saumon | RVB (250, 128, 114) | # FA8072 |
brun sable | RVB (244, 164, 96) | # F4A460 |
vert de mer | RVB (46, 139, 87) | # 2E8B57 |
seashell | RVB (255, 245, 238) | # FFF5EE |
terre de sienne | RVB (160, 82, 45) | # A0522D |
vis argent | RVB (192, 192, 192) | # C0C0C0 |
skyblue | RVB (135, 206, 235) | # 87CEEB |
bleu ardoise | RVB (106, 90, 205) | # 6A5ACD |
gris ardoise | RVB (112, 128, 144) | #708090 |
gris ardoise | RVB (112, 128, 144) | #708090 |
neige | RVB (255, 250, 250) | #Fffafa. |
vert printanier | RVB (0, 255, 127) | # 00FF7F |
bleu acier | RVB (70, 130, 180) | # 4682B4 |
bronzage | RVB (210, 180, 140) | # D2B48C |
sarcelle | RVB (0, 128, 128) | #008080 |
chardon | RVB (216, 191, 216) | # D8BFD8 |
tomate | RVB (255, 99, 71) | # FF6347 |
turquoise | RVB (64, 224, 208) | # 40E0D0 |
violet | RVB (238, 130, 238) | # EE82EE |
blé | RVB (245, 222, 179) | # F5DEB3 |
blanc | RVB (255, 255, 255) | # FFFFFF |
fumée blanche | RVB (245, 245, 245) | # F5F5F5 |
jaune | RVB (255, 255, 0) | # FFFF00 |
vert jaunâtre | RVB (154, 205, 50) | # 9ACD32 |
Connaissez-vous d'autres codes couleurs ? Nous vous invitons à les mettre en commentaire pour étoffer la liste.