HTML-Pastellfarben. Farbe in Stilen kann auf verschiedene Arten eingestellt werden: nach Hexadezimalwert, nach Name, im RGB-, RGBA-, HSL-, HSLA-Format. Farbe mit RGB angeben

Hexadezimalzahlen werden verwendet, um Farben anzugeben. Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Die Zahlen sind die folgenden: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Zahlen von 10 bis 15 werden durch lateinische Buchstaben ersetzt. Zahlen größer als 15 im Hexadezimalsystem werden gebildet, indem zwei Zahlen zu einer kombiniert werden. Beispielsweise entspricht die dezimale Zahl 255 der hexadezimalen Zahl FF. Um Verwechslungen bei der Definition des Zahlensystems zu vermeiden, wird der Hexadezimalzahl die Raute # vorangestellt, zum Beispiel #666999. Jede der drei Farben – Rot, Grün und Blau – kann Werte von 00 bis FF annehmen. Die Farbbezeichnung wird also in drei Bestandteile aufgeteilt #rrggbb, wobei die ersten beiden Zeichen den Rotanteil der Farbe markieren, die beiden mittleren Grün und die letzten beiden Blau. Es ist erlaubt, die abgekürzte Form #rgb zu verwenden, wobei jedes Zeichen zu verdoppeln ist. Daher sollte der Eintrag #fe0 als #ffee00 angesehen werden.

namentlich

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Browser unterstützen einige Farben nach Namen. Im Tisch. 1 zeigt die Namen, Hex-Code, Werte in RGB, HSL-Format und Beschreibung.

Tab. 1. Farbnamen
Name Farbe Code RGB HSL Beschreibung
Weiss #fffff oder #fff RGB(255.255.255) hsl(0,0 %, 100 %) Weiss
Silber #c0c0c0 RGB(192,192,192) hsl(0,0 %, 75 %) Grau
grau #808080 RGB(128,128,128) hsl(0,0 %, 50 %) Dunkel grau
Schwarz #000000 oder #000 RGB(0,0,0) hsl(0,0%,0%) Schwarz
kastanienbraun #800000 RGB(128,0,0) hsl(0,100%,25%) Dunkelrot
Rot #ff0000 oder #f00 RGB(255,0,0) hsl(0,100%,50%) Rot
orange #ffa500 RGB(255,165,0) hsl(38,8,100%,50%) Orange
Gelb #ffff00 oder #ff0 RGB(255,255,0) hsl(60,100%,50%) Gelb
Olive #808000 RGB(128,128,0) hsl(60,100%,25%) Olive
Kalk #00ff00 oder #0f0 RGB(0,255,0) hsl(120,100%,50%) Hellgrün
Grün #008000 RGB(0,128,0) hsl(120,100%,25%) Grün
Aqua #00ffff oder #0ff RGB(0,255,255) hsl(180,100%,50%) Blau
Blau #0000ff oder #00f RGB(0,0,255) hsl(240,100%,50%) Blau
Marine #000080 RGB(0,0,128) hsl(240,100%,25%) Marineblau
blaugrün #008080 RGB(0,128,128) hsl(180,100%,25%) Blau Grün
Fuchsie #ff00ff oder #f0f RGB(255,0,255) hsl(300,100%,50%) Rosa
lila #800080 RGB(128,0,128) hsl(300,100%,25%) Violett

Mit RGB

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Sie können eine Farbe mit den Rot-, Grün- und Blauwerten dezimal definieren. Jede der drei Farbkomponenten nimmt einen Wert von 0 bis 255 an. Es ist auch akzeptabel, die Farbe als Prozentsatz festzulegen, während 100 % der Zahl 255 entsprechen. Zuerst wird das Schlüsselwort rgb angegeben, und dann die Farbkomponenten in Klammern angegeben, durch Kommas getrennt, zum Beispiel rgb(255 , 128, 128) oder rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Das RGBA-Format hat eine ähnliche Syntax wie RGB, enthält jedoch einen Alphakanal, der die Transparenz des Elements festlegt. Ein Wert von 0 ist vollständig transparent, 1 ist undurchsichtig und ein Zwischenwert wie 0,5 ist durchscheinend.

RGBA wird zu CSS3 hinzugefügt, daher sollte die Validierung des CSS-Codes gemäß dieser Version durchgeführt werden. Es sollte beachtet werden, dass sich der CSS3-Standard noch in der Entwicklung befindet und sich einige seiner Funktionen ändern können. Eine der Eigenschaft background-color hinzugefügte RGB-Farbe besteht beispielsweise die Validierung, eine der Eigenschaft background hinzugefügte jedoch nicht. Gleichzeitig verstehen Browser die Farbe für beide Eigenschaften ganz richtig.

HSL

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Der Name des HSL-Formats wird aus einer Kombination der Anfangsbuchstaben Hue (Farbton), Saturate (Sättigung) und Lightness (Helligkeit) gebildet. Farbton ist der Farbwert auf dem Farbrad (Abb. 1) und wird in Grad angegeben. 0° ist rot, 120° ist grün und 240° ist blau. Der Farbtonwert kann von 0 bis 359 variieren.

Reis. 1. Farbrad

Sättigung ist die Intensität einer Farbe, gemessen als Prozentsatz von 0 % bis 100 %. Ein Wert von 0 % bedeutet keine Farbe und einen Grauton, 100 % ist der maximale Sättigungswert.

Die Helligkeit legt fest, wie hell die Farbe ist, und wird in Prozent von 0 % bis 100 % angegeben. Kleine Werte machen die Farbe dunkler, hohe Werte heller, Extremwerte von 0% und 100% entsprechen Schwarz und Weiß.

HSLA

Internet Explorer Chrom Oper Safari Feuerfuchs Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Das HSLA-Format ähnelt in der Syntax HSL, enthält jedoch einen Alphakanal, der die Transparenz des Elements festlegt. Ein Wert von 0 ist vollständig transparent, 1 ist undurchsichtig und ein Zwischenwert wie 0,5 ist durchscheinend.

Farbwerte in RGBA-, HSL- und HSLA-Formaten werden CSS3 hinzugefügt, also überprüfen Sie bei Verwendung dieser Formate den Code auf Gültigkeit gegen die Version.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Farben

Warnung

Alle auf der Website aufgeführten Methoden zum Fangen eines Löwen sind theoretisch und basieren auf Computermethoden. Die Autoren garantieren nicht Ihre Sicherheit bei der Verwendung und lehnen jegliche Verantwortung für das Ergebnis ab. Denken Sie daran, der Löwe ist ein Raubtier und ein gefährliches Tier!

Arrrgh!


Das Ergebnis dieses Beispiels ist in Abb. 2.

Reis. 2. Farben auf der Webseite

HTML-Farben werden durch sechs Zeichen nach dem Schrägstrich angezeigt – zum Beispiel #000000. Diese sechs Zeichen repräsentieren die Proportionen der verschiedenen Farben (Rot, Grün und Blau) in der endgültigen Farbe. Das Bild auf Ihrem Computermonitor besteht aus einer großen Anzahl von Punkten, die als Pixel bezeichnet werden. Jedes Pixel ist eine kleine Lichtquelle, nennen wir es eine "Taschenlampe", die wiederum aus drei Taschenlampen besteht - rot, grün und blau. Indem wir die Intensität des Scheins einzelner farbiger Laternen verringern oder erhöhen, erhalten wir die gewünschte Farbe.

HTML-Farbcodes

Farben in HTML werden durch die Hexadezimalschreibweise (HEX) für die Kombination von Rot, Blau und Grün (RGB) angegeben.

Der kleinste Farbwert ist 0 (hexadezimal 00). Der höchste Farbwert ist 255 (hexadezimal FF).

Der hexadezimale Farbwert ist dreistellig und beginnt mit #.

Farbcodes (Werte)

Farbe HEX-Code RGB-Code
#000000 RGB(0,0,0)
#FF0000 RGB(255,0,0)
#00FF00 RGB(0,255,0)
#0000FF RGB(0,0,255)
#FFFF00 RGB(255,255,0)
#00FFFF RGB(0,255,255)
#FF00FF RGB(255,0,255)
#C0C0C0 RGB(192,192,192)
#FFFFFF RGB(255.255.255)

16 Millionen Farbtöne

Die Kombination von Rot, Blau und Grün mit Werten von 0 bis 255 für jede Farbe ergibt über 16 Millionen Schattierungen (256 x 256 x 256).

Die meisten modernen Monitore können mindestens 16.384 verschiedene Farbtöne anzeigen (LCD-Monitore können im Allgemeinen 262,16 Millionen anzeigen (aktualisiert Oktober 2013) Farben, während CRT-Monitore eine nahezu unbegrenzte Anzahl von Farben darstellen können).

Die folgende Farbtabelle zeigt die Veränderung des Rotanteils von 0 bis 255 mit Nullwerten für Blau und Grün:

Rot HEX-Code RGB-Code
#000000 RGB(0,0,0)
#080000 rgb(8,0,0)
#100000 RGB(16,0,0)
#180000 RGB(24,0,0)
#200000 RGB(32,0,0)
#280000 RGB(40,0,0)
#300000 RGB(48,0,0)
#380000 RGB(56,0,0)
#400000 RGB(64,0,0)
#480000 RGB(72,0,0)
#500000 rgb(80,0,0)
#580000 RGB(88,0,0)
#600000 RGB(96,0,0)
#680000 RGB(104,0,0)
#700000 RGB(112,0,0)
#780000 RGB(120,0,0)
#800000 RGB(128,0,0)
#880000 RGB(136,0,0)
#900000 RGB(144,0,0)
#980000 RGB(152,0,0)
#A00000 RGB(160,0,0)
#A80000 RGB(168,0,0)
#B00000 RGB(176,0,0)
#B80000 RGB(184,0,0)
#C00000 RGB(192,0,0)
#C80000 RGB(200,0,0)
#D00000 RGB(208,0,0)
#D80000 RGB(216,0,0)
#E00000 RGB(224,0,0)
#E80000 RGB(232,0,0)
#F00000 RGB(240,0,0)
#F80000 RGB(248,0,0)
#FF0000 RGB(255,0,0)

Grautöne

Um Graustufen zu erhalten, werden gleiche Anteile aller Farben verwendet. Um Ihnen die Auswahl der gewünschten Farbe zu erleichtern, stellen wir Ihnen Codes für Graustufen zur Verfügung.

Grautöne HEX-Code RGB-Code
#000000 RGB(0,0,0)
#080808 rgb(8,8,8)
#101010 RGB(16,16,16)
#181818 RGB(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 RGB(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 RGB(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 RGB(96,96,96)
#686868 RGB(104,104,104)
#707070 RGB(112,112,112)
#787878 RGB(120,120,120)
#808080 RGB(128,128,128)
#888888 RGB(136,136,136)
#909090 rgb(144,144,144)
#989898 RGB(152.152.152)
#A0A0A0 RGB(160,160,160)
#A8A8A8 RGB(168,168,168)
#B0B0B0 RGB(176,176,176)
#B8B8B8 RGB(184.184.184)
#C0C0C0 RGB(192,192,192)
#C8C8C8 RGB(200.200.200)
#D0D0D0 rgb(208,208,208)
#D8D8D8 RGB(216.216.216)
#E0E0E0 RGB(224.224.224)
#E8E8E8 RGB(232.232.232)
#F0F0F0 rgb(240,240,240)
#F8F8F8 RGB(248.248.248)
#FFFFFF RGB(255.255.255)

Browserübergreifende (für alle Browser) HTML-Farbnamen

Eine Sammlung von 150 HTML-Farbnamen, die in allen Browsern unterstützt werden.

Standardisierte Farbnamen

Das W3C listet 16 gültige Farbnamen für HTML und CSS auf: aqua (aquamarin), schwarz (schwarz), blau (blau), fuchsia (magenta), grau (grau), grün (grün), lime (lime oder hellgrün), Maroon (Kastanie), Navy (Ultramarin), Olive (Oliv), Purple (Lila), Rot (Rot), Silber (Silber), Petrol (Grau), Weiß (Weiß) und Gelb (Gelb).

Wenn Sie Farben verwenden, die nicht in dieser Liste enthalten sind, ist es korrekter, ihren Hexadezimalcode (HEX) oder RGB-Code zu verwenden.

Sichere Farben

Vor einigen Jahren, als Computer maximal 256 verschiedene Farben unterstützen konnten, wurde eine Liste mit 216 „websicheren Farben“ vorgeschlagen, wobei 40 Farben für das System reserviert waren.

Diese 216-Farben-Palette wurde erstellt, um Farben im 256-Farben-Palettenmodus korrekt anzuzeigen.

Es spielt jetzt keine Rolle, weil die meisten Computer auf der ganzen Welt Millionen von Farbschattierungen unterstützen. In jedem Fall ist hier eine Liste dieser Farben:

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 9999 CC 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

Diese Seite enthält eine Tabelle mit Schlüsselwörtern, die verwendet werden können, um Farben in solchen Webentwicklungssprachen wie HTML, CSS, JavaScript, Flash usw.

In der alten WC3-Spezifikation wurden nur 16 Schlüsselwörter verwendet, um Farben in HTML und CSS festzulegen. In späteren, moderneren Spezifikationen wurden weitere 130 Schlüsselwörter hinzugefügt, um Farbnamen zu bezeichnen. Die folgende Tabelle enthält die Farbnamen, Hexadezimal- und RGB-Codes, denen sie entsprechen.

Gemäß den CSS-Regeln wird bei Farbnamen nicht zwischen Groß- und Kleinschreibung unterschieden. Die Farbeinträge IndianRed und indianred sind gleichwertig.

Es ist auch erwähnenswert, dass von den 146 Schlüsselwörtern in der Tabelle tatsächlich weniger Farben enthalten sind. Das liegt daran, dass einige Stichworte dieselbe Farbe darstellen. Die Namen Grey und Grey stehen also für 50 Prozent Grau mit dem Code #808080 , während das Wort Magenta ein HTML-Synonym für die Farbe Fuchsia ist, entsprechend dem Hexadezimalcode #FF00FF . Die Wörter Aqua und Cyan sind ebenfalls Synonyme, sie entsprechen dem Code #00FFFF .

Farbname in HTML und CSS VERHEXEN RGB
Rottöne:
IndianRed#CD5C5C205, 92, 92
Helle Koralle#F08080240, 128, 128
Lachs#FA8072250, 128, 114
Dunkler Lachs#E9967A233, 150, 122
Leichter Lachs#FFA07A255, 160, 122
Purpur#DC143C220, 20, 60
Rot#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
Dunkelrot#8B0000139, 0, 0
Rosa Töne:
Rosa#FFC0CB255, 192, 203
Hell-Pink#FFB6C1255, 182, 193
pink#FF69B4255, 105, 180
Dunkelrosa#FF1493255, 20, 147
MittelViolettRot#C71585199, 21, 133
HellviolettRot#DB7093219, 112, 147
Orangetöne:
Leichter Lachs#FFA07A255, 160, 122
Koralle#FF7F50255, 127, 80
Tomate#FF6347255, 99, 71
Orange Rot#FF4500255, 69, 0
dunkelorange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Gelbtöne:
Gold#FFD700255, 215, 0
Gelb#FFFF00255, 255, 0
Hellgelb#FFFFE0255, 255, 224
ZitroneChiffon#FFFACD255, 250, 205
LichtGoldruteGelb#FAFAD2250, 250, 210
Papaya-Peitsche#FFEFD5255, 239, 213
Mokassin#FFE4B5255, 228, 181
PfirsichPuff#FFDAB9255, 218, 185
Blasse Goldrute#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DunkelKhaki#BDB76B189, 183, 107
Lila Töne:
Lavendel#E6E6FA230, 230, 250
Distel#D8BFD8216, 191, 216
Pflaume#DDA0DD221, 160, 221
violett#EE82EE238, 130, 238
Orchidee#DA70D6218, 112, 214
Fuchsie#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
Mittlere Orchidee#BA55D3186, 85, 211
Mittleres Lila#9370DB147, 112, 219
Blau Violett#8A2BE2138, 43, 226
dunkelviolett#9400D3148, 0, 211
Dunkle Orchidee#9932CC153, 50, 204
DunkelMagenta#8B008B139, 0, 139
Lila#800080 128, 0, 128
Indigo#4B008275, 0, 130
Schieferblau#6A5ACD106, 90, 205
Dunkelschieferblau#483D8B72, 61, 139
Brauntöne:
Maisseide#FFF8DC255, 248, 220
Blanchierte Mandel#FFEBCD255, 235, 205
Biskuit#FFE4C4255, 228, 196
NavajoWeiß#FFDEAD255, 222, 173
Weizen#F5DEB3245, 222, 179
Kräftiges Holz#DEB887222, 184, 135
Bräunen#D2B48C210, 180, 140
RosigBraun#BC8F8F188, 143, 143
Sandiges Braun#F4A460244, 164, 96
Goldrute#DAA520218, 165, 32
Dunkelgoldener Stab#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Schokolade#D2691E210, 105, 30
SattelBraun#8B4513139, 69, 19
Siena#A0522D160, 82, 45
Braun#A52A2A165, 42, 42
kastanienbraun#800000 128, 0, 0
Grundfarben:
Schwarz#000000 0, 0, 0
Grau#808080 128, 128, 128
Silber#C0C0C0192, 192, 192
Weiss#FFFFFF255, 255, 255
Fuchsie#FF00FF255, 0, 255
Lila#800080 128, 0, 128
Rot#FF0000255, 0, 0
kastanienbraun#800000 128, 0, 0
Gelb#FFFF00205, 92, 92
Olive#808000 240, 128, 128
Kalk#00FF00250, 128, 114
Grün#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
Blaugrün#008080 240, 128, 128
Blau#0000FF250, 128, 114
Marine#000080 233, 150, 122
Farbname in HTML und CSS VERHEXEN RGB
Grüntöne:
Grün Gelb#ADFF2F173, 255, 47
gelbgrün#7FFF00127, 255, 0
RasenGrün#7CFC00124, 252, 0
Kalk#00FF000, 255, 0
Lindgrün#32CD3250, 205, 50
blasses Grün#98FB98152, 251, 152
Hellgrün#90EE90144, 238, 144
MediumFrühlingGrün#00FA9A0, 250, 154
Frühlingsgrün#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
Meeresgrün#2E8B5746, 139, 87
Waldgrün#228B2234, 139, 34
Grün#008000 0, 128, 0
dunkelgrün#006400 0, 100, 0
Gelbgrün#9ACD32154, 205, 50
Olivgrün#6B8E23107, 142, 35
Olive#808000 128, 128, 0
Dunkelolivgrün#556B2F85, 107, 47
Mittleres Aquamarin#66CDAA102, 205, 170
DunkelMeergrün#8FBC8F143, 188, 143
HellMeergrün#20B2AA32, 178, 170
DunkelCyan#008B8B0, 139, 139
Blaugrün#008080 0, 128, 128
Blautöne:
Aqua#00FFFF0, 255, 255
cyan#00FFFF0, 255, 255
HellCyan#E0FFFF224, 255, 255
helltürkis#AFEEEE175, 238, 238
Aquamarin#7FFFD4127, 255, 212
Türkis#40E0D064, 224, 208
Mittleres Türkis#48D1CC72, 209, 204
Dunkles Türkis#00CED10, 206, 209
Kadettenblau#5F9EA095, 158, 160
Stahlblau#4682B470, 130, 180
HellStahlBlau#B0C4DE176, 196, 222
Puderblau#B0E0E6176, 224, 230
hellblau#ADD8E6173, 216, 230
Himmelblau#87CEEB135, 206, 235
Hellhimmelblau#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Dodger Blau#1E90FF30, 144, 255
Kornblumenblau#6495ED100, 149, 237
MittelSchieferblau#7B68EE123, 104, 238
Königsblau#4169E165, 105, 225
Blau#0000FF0, 0, 255
Mittelblau#0000CD0, 0, 205
Dunkelblau#00008B0, 0, 139
Marine#000080 0, 0, 128
Mitternachtsblau#191970 25, 25, 112
Weißtöne:
Weiss#FFFFFF255, 255, 255
Schnee#FFFAFA255, 250, 250
Honigtau#F0FFF0240, 255, 240
MinzeCreme#F5FFFA245, 255, 250
Azurblau#F0FFFF240, 255, 255
Alice blau#F0F8FF240, 248, 255
Gespenster weiß#F8F8FF248, 248, 255
weißer Rauch#F5F5F5245, 245, 245
Muschel#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
Alte Spitze#FDF5E6253, 245, 230
BlumenWeiß#FFFAF0255, 250, 240
Elfenbein#FFFFF0255, 255, 240
Altweiß#FAEBD7250, 235, 215
Leinen#FAF0E6250, 240, 230
LavendelBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Grautöne:
Gainsboro#DCDCDC220, 220, 220
hellgrau#D3D3D3211, 211, 211
hellgrau#D3D3D3211, 211, 211
Silber#C0C0C0192, 192, 192
dunkelgrau#A9A9A9169, 169, 169
dunkelgrau#A9A9A9169, 169, 169
Grau#808080 128, 128, 128
Grau#808080 128, 128, 128
Schwaches Grau#696969 105, 105, 105
DimGrau#696969 105, 105, 105
Hellschiefergrau#778899 119, 136, 153
Hellschiefergrau#778899 119, 136, 153
Schiefer grau#708090 112, 128, 144
Schiefergrau#708090 112, 128, 144
Dunkelschiefergrau#2F4F4F47, 79, 79
Dunkelschiefergrau#2F4F4F47, 79, 79
Schwarz#000000 0, 0, 0

Es gibt mehrere Möglichkeiten, Farben im Webdesign darzustellen.

HEX ist ein Hexadezimalsystem zur Darstellung von Farben zur Basis 16. Für dieses System werden arabische Dezimalziffern von 0 bis 9 und lateinische Buchstaben von A bis F verwendet, um die digitale Zahl auf 16 zu ergänzen. Für das Webdesign 16 Primärfarben (Schlüsselfarben). , dem sogenannten hexadezimalen Farbcode #RRGGBB, wobei jedes Paar für seinen Farbanteil verantwortlich ist: RR – Rot, GG – Grün und BB – Blau. Jede Farbfraktion reicht von 00 bis FF.

Zwei weitere Farbdarstellungen im Webdesign sind: als RGB(*,*,*), wobei jeder „*“-Teil einer Farbe durch Dezimalziffern von 0 bis 255 und durch Farbnamen dargestellt wird Englische Sprache.

Beim Erstellen eines Farbbildes besteht das Hauptproblem in der korrekten Wiedergabe von Farben auf verschiedenen Arten von Computern, Monitoren und Browsern. Wenn der Browser eine Farbe nicht richtig wiedergeben kann, passt er mehrere Farben an oder mischt sie. Und manchmal kann es durch eine völlig andere Farbe ersetzt werden.

Tisch 16 Grundfarben, die in allen Browsern verwendet werden

Name Farbe verhexen (RGB)
Aqua (Meereswelle) #00FFFF (000,255,255)
Schwarz Schwarz) #000000 (000,000,000)
Blau Blau) #0000FF (000,000,255)
Fuchsie (Magenta) #FF00FF (255,000,255)
Grau (grau) #808080 (128,128,128)
Grün Grün) #008000 (000,128,000)
Limette (hellgrün) #00FF00 (000,255,000)
Kastanienbraun (Kastanienbraun) #800000 (128,000,000)
Marine (dunkelblau) #000080 (000,000,128)
Oliven (Oliven) #808000 (128,128,000)
Lila (lila) #800080 (128,000,128)
Rot rot) #FF0000 (255,000,000)
Silber (Silber) #C0C0C0 (192,192,192)
Blaugrün (Graugrün) #008080 (000,128,128)
Weiss weiss) #FFFFFF (255,255,255)
Gelb (Gelb) #FFFF00 (255,255,000)

Tisch lila Farben und Schattierungen

Name Farbe verhexen (RGB)
Magenta (Magenta) #FFCBDB (255,203,219)
Magenta (Magenta) #FF0099 (255,000,153)
Magenta (Magenta) #F95A61 (249,090,097)
Fuchsie (Fuchsie) #FF00FF (255,000,255)
Mauveine (Anilin-Purpur) #EF0097 (239,000,151)
Lachsrosa (Orangerosa) #FF91A4 (255,145,164)
Cenise (ein Magenta-Ton) #DE3163 (153,149,140)
Aubergine Aubergine (Aubergine) #990066 (153,000,132)
Lavendelrot (rosa Lavendel)  #FFF0F5 (255,240,245)
Flieder (Flieder) #C8A2C8 (200,162,200)
Magenta (Magenta) #FF008F (255,000,143)
Orchidee (Orchidee) #DA70D6 (218,112,214)
Rot-Violett (Lila-Rot) #C71585 (199,021,133)
Sanguiniker (sanguine) #92000A (146,000,010)
Distel (ein Magenta-Ton) #D8BFD8 (185,211,238)
Violette Aubergine (ein Magentaton) #991199 (153,017,153)
Rosa vivo (reiches Rosa) #FF007F (255,000,127)
Lavendel-Rose (ein Purpurton) #FBA0E3 (108,123,139)
Mountbatten rosa (Mounbatten rosa) #997ABD (153,122,141)

Tisch grau Farben und Schattierungen

Name Farbe verhexen (RGB)
Grau (Grau) #808080 (128,128,128)
Grau (Grau) #bebebe (190,190,190)
(Grauton) #858585 (133,133,133)
Grau33 (Grau-33) #545454 (084,084,084)
(grauer Schiefer) #708090 (112,128,144)
(Quarz) #99958с (153,149,140)
(Hell grau) #bbbbbb (187,187,187)
(Silber) #c0c0c0 (192,192,192)
(grau weiß) #f0f0f0 (240,240,240)
(Bärte von Abdel-Kerim) #e0e0e0 (224,224,224)
LightGray (Hellgrau) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (Helles Kornblumenblau1) #c6e2ff (198,226,255)
StateGray-2 (Helles Kornblumenblau2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)

Tabelle (Palette) von HTML-Farben gibt Ihnen die Möglichkeit, den Ton, den Sie benötigen, unabhängig zu wählen. Der Farbwert wird in drei Formaten angezeigt: Hex, RGB und HSV.

  • Hex besteht aus drei zweistelligen Werten in hexadezimaler Schreibweise. Beispiel: #ff00b3, wobei das erste Zahlenpaar rot, das zweite grün und das dritte blau ist.
  • RGB (RotGrünBlau) hat die Form „200.100.255“, die den Anteil des entsprechenden Tons (Rot, Grün, Blau) in der resultierenden Farbe angibt.
  • HSV (Farbton, Sättigung, Wert - Ton, Sättigung, Wert) - ein Farbmodell, in dem die Koordinaten sind:
    • Farbton - Farbton, kann von 0° bis 360° variieren.
    • Sättigung - Sättigung, variiert zwischen 0-100 oder 0-1. Je größer diese Einstellung ist, desto „reiner“ ist die Farbe, weshalb diese Einstellung manchmal auch als Farbreinheit bezeichnet wird. Und je näher dieser Parameter an Null liegt, desto näher ist die Farbe an neutralem Grau.
    • Wert (Farbwert) - stellt die Helligkeit ein, der Wert kann auch zwischen 0-100 oder 0-1 variieren.

Farbcode eingeben: GEHEN

Liste der Farben mit Namen

Die Tabelle listet die von allen Browsern unterstützten englischen Farbnamen (die als Werte verwendet werden können) und ihre hexadezimalen Werte auf. Alle aufgeführten Farben sind "sicher", was bedeutet, dass sie in allen Browsern gleich angezeigt werden.

Farbname VERHEXEN Farbe
Schwarz#000000
Marine#000080
Dunkelblau#00008B
Mittelblau#0000CD
Blau#0000FF
dunkelgrün#006400
Grün#008000
Blaugrün#008080
DunkelCyan#008B8B
DeepSkyBlue#00BFFF
Dunkles Türkis#00CED1
MediumFrühlingGrün#00FA9A
Kalk#00FF00
Frühlingsgrün#00FF7F
Aqua#00FFFF
cyan#00FFFF
Mitternachtsblau#191970
Dodger Blau#1E90FF
HellMeergrün#20B2AA
Waldgrün#228B22
Meeresgrün#2E8B57
Dunkelschiefergrau#2F4F4F
Lindgrün#32CD32
MediumSeaGreen#3CB371
Türkis#40E0D0
Königsblau#4169E1
Stahlblau#4682B4
Dunkelschieferblau#483D8B
Mittleres Türkis#48D1CC
Indigo#4B0082
Dunkelolivgrün#556B2F
Kadettenblau#5F9EA0
Kornblumenblau#6495ED
MittelAquaMarine#66CDAA
Schwaches Grau#696969
Schieferblau#6A5ACD
Olivgrün#6B8E23
Schiefer grau#708090
Hellschiefergrau#778899
MittelSchieferblau#7B68EE
RasenGrün#7CFC00
gelbgrün#7FFF00
Aquamarin#7FFFD4
kastanienbraun#800000
Lila#800080
Olive#808000
Grau#808080
Himmelblau#87CEEB
Hellhimmelblau#87CEFA
Blau Violett#8A2BE2
Dunkelrot#8B0000
DunkelMagenta#8B008B
SattelBraun#8B4513
DunkelMeergrün#8FBC8F
Hellgrün#90EE90
Mittleres Lila#9370D8
dunkelviolett#9400D3
blasses Grün#98FB98
Dunkle Orchidee#9932CC
Gelbgrün#9ACD32
Siena#A0522D
Braun#A52A2A
dunkelgrau#A9A9A9
hellblau#ADD8E6
Grün Gelb#ADFF2F
helltürkis#AFEEEE
HellStahlBlau#B0C4DE
Puderblau#B0E0E6
FireBrick#B22222
Dunkelgoldener Stab#B8860B
Mittlere Orchidee#BA55D3
RosigBraun#BC8F8F
DunkelKhaki#BDB76B
Silber#C0C0C0
MittelViolettRot#C71585
IndianRed#CD5C5C
Peru#CD853F
Schokolade#D2691E
Bräunen#D2B48C
hellgrau#D3D3D3
HellviolettRot#D87093
Distel#D8BFD8
Orchidee#DA70D6
goldener Stab#DAA520
Purpur#DC143C
Gainsboro#DCDCDC
Pflaume#DDA0DD
Kräftiges Holz#DEB887
HellCyan#E0FFFF
Lavendel#E6E6FA
Dunkler Lachs#E9967A
violett#EE82EE
PaleGoldenRod#EEE8AA
Helle Koralle#F08080
Khaki#F0E68C
Alice blau#F0F8FF
Honigtau#F0FFF0
Azurblau#F0FFFF
Sandiges Braun#F4A460
Weizen#F5DEB3
Beige#F5F5DC
weißer Rauch#F5F5F5
MinzeCreme#F5FFFA
Gespenster weiß#F8F8FF
Lachs#FA8072
Altweiß#FAEBD7
Leinen#FAF0E6
LichtGoldenRuteGelb#FAFAD2
Alte Spitze#FDF5E6
Rot#FF0000
Fuchsie#FF00FF
Magenta#FF00FF
Dunkelrosa#FF1493
Orange Rot#FF4500
Tomate#FF6347
pink#FF69B4
Koralle#FF7F50
dunkelorange#FF8C00
Leichter Lachs#FFA07A
Orange#FFA500
Hell-Pink#FFB6C1
Rosa#FFC0CB
Gold#FFD700
PfirsichPuff#FFDAB9
NavajoWeiß#FFDEAD
Mokassin#FFE4B5
Biskuit#FFE4C4
MistyRose#FFE4E1
Blanchierte Mandel#FFEBCD
Papaya-Peitsche#FFEFD5
LavendelBlush#FFF0F5
Muschel#FFF5EE
Maisseide#FFF8DC
ZitroneChiffon#FFFACD
BlumenWeiß#FFFAF0
Schnee#FFFAFA
Gelb#FFFF00
Hellgelb#FFFFE0
Elfenbein#FFFFF0
Weiss#FFFFFF