Wenn Sie Grafikdesigner sind oder gerade erst in ein Bildbearbeitungsprogramm eingestiegen sind, haben Sie ein Feld, mit dem Sie die Farbe ändern können, sei es der Farbeimer, der Pinsel, die Buchstaben ... Was Sie vielleicht neugierig gemacht hat, ist die Tatsache, dass, wenn Sie eine Farbe auswählen, diese erscheint ein Farbcode, weißt du was es ist?
Wenn Sie sich jemals gefragt haben, was diese Buchstaben- oder Zahlencodes bedeuten, und Sie mehr darüber erfahren möchten, dann helfen wir Ihnen, die Bedeutung des Farbcodes zu verstehen, warum er Farben und andere kuriose Details widerspiegelt.
Was ist der Farbcode
Wir können den Farbcode als a . definieren Farbraum, in dem ein Web dargestellt werden kann. Das heißt, die Möglichkeiten, die in einer Palette von etwa 216 Farben bestehen, um zu bestimmen, wie eine Website aussehen wird. Dieser Code kann auf drei Arten von Systemen basieren: RGB, HEX und HSL (letzteres jetzt veraltet).
Eigentlich dient der Farbcode als universeller Code für alle Browser, sodass mit diesen Codes die gleichen Töne reproduziert werden können, entweder in Internet Explores, in Firefox Mozilla, in Google Chrome …
Wissen, dass ein Computer kann bis zu 16 Millionen Farben unterscheiden, Es gibt also viele Möglichkeiten, eine Website zu erstellen oder Bilder zu ändern.
Arten von Farbcodes
Wie bereits erwähnt, gibt es drei Arten von Systemen:
- RGB. Sie ist die bekannteste und besteht aus den drei Grundfarben Rot, Blau und Grün, von denen durch ihre Kombination die restlichen Farben abgeleitet werden. Die Darstellung reicht von 0 bis 255 und der angezeigte Code besteht aus drei durch Kommas und Klammern getrennten Ziffern.
- Hexadezimal. Wird hauptsächlich in HTML und CSS verwendet. In diesem Fall besteht es sowohl aus Zahlen als auch aus Buchstaben, die untereinander angeordnet sind, um Codes zu erhalten, die die Farben bestimmen.
- HSL. Es ist bereits veraltet und basiert auf der Verwendung von Farbton, Sättigung und Helligkeit beim Erstellen einer Farbe. Sie wird durch Grad und Prozentsätze bestimmt (drei durch Kommas getrennte Ziffern in Klammern).
Warum sind Codes wichtig?
Jetzt, da Sie wissen, was Farbcodierung ist, ist ihre Anwendung leicht zu verstehen, da Es wird verwendet, um zu bestimmen, welcher Code für die Anzeige einer bestimmten Farbe erforderlich ist. Dies funktioniert beispielsweise auf Webseiten. Der HTML-Code ist implizit, wenn eine Website einen Hintergrund in einer bestimmten Farbe hat, wenn die Schriftart rot, gelb, grün, blau ist ... und viele andere Verwendungen.
Verstehen Sie, warum es wichtig ist? Stellen Sie sich zum Beispiel vor, Sie haben eine Website mit rotem Hintergrund. Und Sie möchten es in ein leeres ändern. Wenn Sie den Code kennen würden, der die Farbe Rot bestimmt, würden Sie mit der Suchmaschine im HTML-Code die Stelle finden, an der diese Farbe reflektiert wird (verknüpft mit der Hintergrundfarbe) und Sie könnten sie schnell ändern. Aber was ist, wenn Sie es nicht haben? Sie müssten suchen, bis Sie diesen Abschnitt finden, und testen, welcher Code dem gewünschten Code am nächsten kommt.
Daher hilft Ihnen der Farbcode, die Arbeit zu beschleunigen und Farben beim Gestalten einer Website, Bearbeiten eines Bildes usw.
Liste der Farben und deren Code Hexadecimal und RGB
Zum Abschluss möchten wir Sie unten verlassen a Tabelle, in der Sie die meisten der vorhandenen Farben zusammen mit ihrem Dezimalcode (RGB) und Hexadezimalcode finden Wenn Sie den Code zu irgendeinem Zeitpunkt ändern müssen, können Sie dies einfach tun, ohne in der Farbpalette danach suchen zu müssen.
Etikett | Dezimal (R, G, B) | Hexadecimal |
---|---|---|
Alice blau | RGB (240, 248, 255) | # F0F8FF |
Altweiß | RGB (250, 235, 215) | # FAEBD7 |
Wasser | RGB (0, 255, 255) | #00FFFF |
Aquamarin | RGB (127, 255, 212) | # 7FFFD4 |
azurblau | RGB (240, 255, 255) | # F0FFFF |
Beige | RGB (245, 245, 220) | # F5F5DC |
Fischcremesuppe | RGB (255, 228, 196) | # FFE4C4 |
Schwarz | RGB (0, 0, 0) | #000000 |
blanchierte Mandel | RGB (255, 235, 205) | #FFEBCD |
blau | RGB (0, 0, 255) | #0000FF |
Blau Violett | RGB (138, 43, 226) | # 8A2BE2 |
braun | RGB (165, 42, 42) | # A52A2A |
burlywood | RGB (222, 184, 135) | # DEB887 |
Kadettenblau | RGB (95, 158, 160) | # 5F9EA0 |
Kartause | RGB (127, 255, 0) | # 7FFF00 |
schokolade | RGB (210, 105, 30) | # D2691E |
Koralle | RGB (255, 127, 80) | # FF7F50 |
Kornblumenblau | RGB (100, 149, 237) | # 6495ED |
Maisseide | RGB (255, 248, 220) | # FFF8DC |
karmesinrot | RGB (220, 20, 60) | # DC143C |
Cyan | RGB (0, 255, 255) | #00FFFF |
Dunkelblau | RGB (0, 0, 139) | # 00008B |
Darkcyan | RGB (0, 139, 139) | # 008B8B |
dunkelgoldenrute | RGB (184, 134, 11) | #B8860B |
dunkelgrau | RGB (169, 169, 169) | # A9A9A9 |
dunkelgrün | RGB (0, 100, 0) | #006400 |
dunkelgrau | RGB (169, 169, 169) | # A9A9A9 |
dunkelkhaki | RGB (189, 183, 107) | # BDB76B |
dunkelmagenta | RGB (139, 0, 139) | # 8B008B |
dunkelolivgrün | RGB (85, 107, 47) | # 556B2F |
dunkelorange | RGB (255, 140, 0) | # FF8C00 |
Dunkelorchidee | RGB (153, 50, 204) | #9932CC |
Dunkelrot | RGB (139, 0, 0) | #8B0000 |
dunkler Lachs | RGB (233, 150, 122) | # E9967A |
dunkelgrün | RGB (143, 188, 143) | # 8FBC8F |
dunkelschieferblau | RGB (72, 61, 139) | # 483D8B |
dunkelschiefergrau | RGB (47, 79, 79) | # 2F4F4F |
dunkelschiefergrau | RGB (47, 79, 79) | # 2F4F4F |
dunkeltürkis | RGB (0, 206, 209) | # 00CED1 |
dunkelviolett | RGB (148, 0, 211) | #9400D3 |
Dunkelrosa | RGB (255, 20, 147) | #FF1493 |
tiefblau | RGB (0, 191, 255) | # 00BFFF |
Dimgray | RGB (105, 105, 105) | #696969 |
dimrey | RGB (105, 105, 105) | #696969 |
Dodgerblue | RGB (30, 144, 255) | # 1E90FF |
Schamottestein | RGB (178, 34, 34) | #B22222 |
blumigweiß | RGB (255, 250, 240) | # FFFAF0 |
Waldgrün | RGB (34, 139, 34) | #228B22 |
Fuchsia | RGB (255, 0, 255) | # FF00FF |
Gainsboro | RGB (220, 220, 220) | #DCDCDC |
Geisterweiß | RGB (248, 248, 255) | # F8F8FF |
Gold | RGB (255, 215, 0) | # FFD700 |
Goldrute | RGB (218, 165, 32) | # DAA520 |
grau | RGB (128, 128, 128) | #808080 |
grünen | RGB (0, 128, 0) | #008000 |
Grün Gelb | RGB (173, 255, 47) | # ADFF2F |
grau | RGB (128, 128, 128) | #808080 |
Honigtau | RGB (240, 255, 240) | # F0FFF0 |
Hotpink | RGB (255, 105, 180) | # FF69B4 |
Indianer | RGB (205, 92, 92) | # CD5C5C |
Indigo | RGB (75, 0, 130) | #4B0082 |
Elfenbein | RGB (255, 255, 240) | # FFFFF0 |
khaki | RGB (240, 230, 140) | # F0E68C |
Lavendel | RGB (230, 230, 250) | # E6E6FA |
lavendelrot | RGB (255, 240, 245) | # FFF0F5 |
rasengrün | RGB (124, 252, 0) | # 7CFC00 |
Zitronenchiffon | RGB (255, 250, 205) | #FFFACD |
hellblau | RGB (173, 216, 230) | # ADD8E6 |
hellkoralisch | RGB (240, 128, 128) | #F08080 |
hellcyan | RGB (224, 255, 255) | # E0FFFF |
hellgoldenrodyellow | RGB (250, 250, 210) | # FAFAD2 |
hellgrau | RGB (211, 211, 211) | # D3D3D3 |
hellgrün | RGB (144, 238, 144) | # 90EE90 |
hellgrau | RGB (211, 211, 211) | # D3D3D3 |
hellrosa | RGB (255, 182, 193) | # FFB6C1 |
Lichtlachs | RGB (255, 160, 122) | # FFA07A |
hellgrün | RGB (32, 178, 170) | # 20B2AA |
hellblau | RGB (135, 206, 250) | # 87CEFA |
Lichtschiefergrau | RGB (119, 136, 153) | #778899 |
lichtschiefergrau | RGB (119, 136, 153) | #778899 |
hellstahlblau | RGB (176, 196, 222) | # B0C4DE |
hellgelb | RGB (255, 255, 224) | # FFFFE0 |
Kalk | RGB (0, 255, 0) | # 00FF00 |
lindgrün | RGB (50, 205, 50) | # 32CD32 |
Leinen | RGB (250, 240, 230) | # FAF0E6 |
Magenta | RGB (255, 0, 255) | # FF00FF |
kastanienbraun | RGB (128, 0, 0) | #800000 |
mittelaquamarin | RGB (102, 205, 170) | # 66CDAA |
Mittelblau | RGB (0, 0, 205) | # 0000CD |
mittelorchid | RGB (186, 85, 211) | # BA55D3 |
mittelviolett | RGB (147, 112, 219) | #9370D8 |
mittelmeergrün | RGB (60, 179, 113) | # 3CB371 |
mittelschieferblau | RGB (123, 104, 238) | # 7B68EE |
mittelfrühlingsgrün | RGB (0, 250, 154) | # 00FA9A |
mitteltürkis | RGB (72, 209, 204) | # 48D1CC |
mittelviolettrot | RGB (199, 21, 133) | #C71585 |
Mitternachtsblau | RGB (25, 25, 112) | #191970 |
Minzcreme | RGB (245, 255, 250) | # F5FFFA |
Mistyrose | RGB (255, 228, 225) | # FFE4E1 |
Mokassin | RGB (255, 228, 181) | # FFE4B5 |
navajoweiß | RGB (255, 222, 173) | #FFDEAD |
Marine | RGB (0, 0, 128) | #000080 |
alte Spitze | RGB (253, 245, 230) | # FDF5E6 |
Oliven | RGB (128, 128, 0) | #808000 |
olivedrab | RGB (107, 142, 35) | # 6B8E23 |
Orange | RGB (255, 165, 0) | # FFA500 |
orangerot | RGB (255, 69, 0) | #FF4500 |
Orchidee | RGB (218, 112, 214) | # DA70D6 |
blassgoldene Rute | RGB (238, 232, 170) | # EEE8AA |
palegreen | RGB (152, 251, 152) | # 98FB98 |
Palette türkis | RGB (175, 238, 238) | #AFEEEE |
blassviolett | RGB (219, 112, 147) | #D87093 |
Papayawhip | RGB (255, 239, 213) | # FFEFD5 |
Peachpuff | RGB (255, 218, 185) | # FFDAB9 |
Truthahn | RGB (205, 133, 63) | # CD853F |
pink | RGB (255, 192, 203) | # FFC0CB |
Pflaume | RGB (221, 160, 221) | # DDA0DD |
puderblau | RGB (176, 224, 230) | # B0E0E6 |
lila | RGB (128, 0, 128) | #800080 |
roten | RGB (255, 0, 0) | #FF0000 |
rosigbraun | RGB (188, 143, 143) | # BC8F8F |
königsblau | RGB (65, 105, 225) | # 4169E1 |
Saddle | RGB (139, 69, 19) | #8B4513 |
Lachs | RGB (250, 128, 114) | # FA8072 |
sandbraun | RGB (244, 164, 96) | # F4A460 |
Meeresgrün | RGB (46, 139, 87) | # 2E8B57 |
Muschel | RGB (255, 245, 238) | # FFF5EE |
Sienaerde | RGB (160, 82, 45) | # A0522D |
Silber | RGB (192, 192, 192) | # C0C0C0 |
Himmelblau | RGB (135, 206, 235) | # 87CEEB |
schieferblau | RGB (106, 90, 205) | # 6A5ACD |
Schiefer grau | RGB (112, 128, 144) | #708090 |
schiefergrau | RGB (112, 128, 144) | #708090 |
. | RGB (255, 250, 250) | #FFFAFA |
Frühlingsgrün | RGB (0, 255, 127) | # 00FF7F |
Stahlblau | RGB (70, 130, 180) | #4682B4 |
Bräune | RGB (210, 180, 140) | # D2B48C |
Teal | RGB (0, 128, 128) | #008080 |
Distel | RGB (216, 191, 216) | # D8BFD8 |
Tomate | RGB (255, 99, 71) | #FF6347 |
Türkis | RGB (64, 224, 208) | # 40E0D0 |
Violett | RGB (238, 130, 238) | # EE82EE |
Weizen | RGB (245, 222, 179) | # F5DEB3 |
Weiß | RGB (255, 255, 255) | #FFFFFF |
weißer Rauch | RGB (245, 245, 245) | # F5F5F5 |
gelben | RGB (255, 255, 0) | #FFFF00 |
Gelbgrün | RGB (154, 205, 50) | # 9ACD32 |
Kennen Sie weitere Farbcodes? Wir laden Sie ein, sie in die Kommentare zu schreiben, um die Liste zu erweitern.