Tabelle mit benannten CSS-Farben. Farben in Stilen können auf unterschiedliche Weise angegeben werden: per Hexadezimalwert, per Name, im RGB-, RGBA-, HSL-, HSLA-Format. Beispiel: HEX-Farbe

Zur Angabe von Farben werden hexadezimale Zahlen verwendet. Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Die Zahlen lauten wie folgt: 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 durch die Kombination zweier Zahlen zu einer gebildet. Beispielsweise entspricht die Zahl 255 im Dezimalformat der Zahl FF im Hexadezimalformat. Um Verwirrung bei der Bestimmung des Zahlensystems zu vermeiden, wird der Hexadezimalzahl ein Rautenzeichen # vorangestellt, zum Beispiel #666999. Jede der drei Farben – Rot, Grün und Blau – kann Werte von 00 bis FF annehmen. Somit ist das Farbsymbol in drei Komponenten #rrggbb unterteilt, wobei die ersten beiden Symbole die rote Komponente der Farbe angeben, die mittleren beiden - Grün und die letzten beiden - Blau. Es ist erlaubt, die Kurzform #rgb zu verwenden, wobei jedes Zeichen verdoppelt werden sollte. Daher sollte der Eintrag #fe0 als #ffee00 betrachtet werden.

Mit Namen

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

Browser unterstützen einige Farben anhand ihres Namens. In der Tabelle 1 zeigt die Namen, Hexadezimalcode, RGB, HSL-Werte und Beschreibung.

Tisch 1. Namen der Farben
Name Farbe Code RGB HSL Beschreibung
Weiß #ffffff oder #fff RGB(255.255.255) hsl(0,0%,100%) Weiß
Silber #c0c0c0 RGB(192.192.192) hsl(0,0%,75%) Grau
grau #808080 RGB(128.128.128) hsl(0,0%,50%) Dunkelgrau
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 %) Dunkelblau
blaugrün #008080 RGB(0,128,128) hsl(180,100 %,25 %) Blaugrü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

Verwendung von RGB

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

Sie können Farben mithilfe der Rot-, Grün- und Blauwerte in Dezimalzahlen definieren. Jede der drei Farbkomponenten nimmt einen Wert von 0 bis 255 an. Es ist auch zulässig, die Farbe als Prozentsatz anzugeben, wobei 100 % der Zahl 255 entspricht. Geben Sie zunächst das Schlüsselwort rgb an und geben Sie dann die Farbkomponenten in Klammern an , durch Kommas getrennt, zum Beispiel rgb(255 , 128, 128) oder rgb(100 %, 50 %, 50 %).

RGBA

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

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

RGBA wurde zu CSS3 hinzugefügt, daher muss der CSS-Code anhand dieser Version validiert werden. Es ist zu beachten, dass sich der CSS3-Standard noch in der Entwicklung befindet und sich einige Funktionen ändern können. Beispielsweise wird eine zur Eigenschaft „Hintergrundfarbe“ hinzugefügte Farbe im RGB-Format validiert, eine zur Eigenschaft „Hintergrund“ hinzugefügte Farbe ist jedoch nicht mehr gültig. Gleichzeitig verstehen Browser die Farbe für beide Eigenschaften ganz richtig.

HSL

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

Der Name des HSL-Formats leitet sich aus der Kombination der Anfangsbuchstaben Hue (Farbton), Saturate (Sättigung) und Lightness (Helligkeit) ab. Der Farbton ist der Farbwert im Farbkreis (Abb. 1) und wird in Grad angegeben. 0° entspricht Rot, 120° Grün und 240° Blau. Der Farbtonwert kann zwischen 0 und 359 variieren.

Reis. 1. Farbrad

Die Sättigung ist die Intensität einer Farbe und wird als Prozentsatz von 0 % bis 100 % gemessen. Ein Wert von 0 % bedeutet keine Farbe und einen Grauton, 100 % ist der Maximalwert für die Sättigung.

Die Helligkeit gibt an, wie hell die Farbe ist und wird als Prozentsatz von 0 % bis 100 % angegeben. Niedrige Werte machen die Farbe dunkler und hohe Werte machen die Farbe heller; Extremwerte von 0 % und 100 % entsprechen Schwarz und Weiß.

HSLA

Internet Explorer Chrom Oper Safari Firefox 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, um die Transparenz des Elements festzulegen. Ein Wert von 0 ist vollständig transparent, 1 ist undurchsichtig und ein Zwischenwert wie 0,5 ist halbtransparent.

RGBA-, HSL- und HSLA-Farbwerte werden zu CSS3 hinzugefügt. Überprüfen Sie daher bitte Ihren Code auf Versionsgültigkeit, wenn Sie diese Formate verwenden.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Farben

Warnung

Alle auf der Website aufgeführten Methoden zum Fangen von Löwen sind theoretisch und basieren auf rechnerischen Methoden. Die Autoren übernehmen keine Garantie für Ihre Sicherheit bei der Verwendung und lehnen jegliche Verantwortung für die Ergebnisse ab. Denken Sie daran, ein Löwe ist ein Raubtier und ein gefährliches Tier!

Arrrgh!

Das Ergebnis dieses Beispiels ist in Abb. dargestellt. 2.

Reis. 2. Farben auf der Webseite

In HTML kann die Farbe auf drei Arten angegeben werden:

Festlegen einer Farbe in HTML anhand ihres Namens

Einige Farben können über ihren Namen angegeben werden, wobei der Farbname auf Englisch als Wert verwendet wird. Die häufigsten Schlüsselwörter: Schwarz, Weiß, Rot, Grün, Blau usw.:

Textfarbe – rot

Die beliebtesten Farben des World Wide Web Consortium (W3C)-Standards:

FarbeNameFarbeName FarbeName FarbeName
Schwarz Grau Silber Weiß
Gelb Kalk Aqua Fuchsie
Rot Grün Blau Lila
Kastanienbraun Olive Marine Blaugrün

Beispiel für die Verwendung unterschiedlicher Farbnamen:

Beispiel: Angabe einer Farbe anhand ihres Namens

  • Probieren Sie es selbst aus »

Kopfzeile auf rotem Hintergrund

Kopfzeile auf orangefarbenem Hintergrund

Überschrift auf hellgrünem Hintergrund

Weißer Text auf blauem Hintergrund

Kopfzeile auf rotem Hintergrund

Kopfzeile auf orangefarbenem Hintergrund

Überschrift auf hellgrünem Hintergrund

Weißer Text auf blauem Hintergrund

Festlegen der Farbe mithilfe von RGB

Bei der Darstellung verschiedener Farben auf einem Monitor wird die RGB-Palette als Grundlage verwendet. Jede Farbe wird durch Mischen von drei Grundfarben erhalten: R - rot, G - grün, B - blau. Die Helligkeit jeder Farbe wird durch ein Byte angegeben und kann daher Werte von 0 bis 255 annehmen. Beispielsweise wird RGB(255,0,0) als Rot angezeigt, da Rot auf seinen höchsten Wert (255) eingestellt ist und der Rest werden auf 0 gesetzt. Sie können die Farbe auch als Prozentsatz festlegen. Jeder Parameter gibt den Helligkeitsgrad der entsprechenden Farbe an. Beispiel: Die Werte rgb(127, 255, 127) und rgb(50 %, 100 %, 50 %) stellen die gleiche grüne Farbe mittlerer Sättigung ein:

Beispiel: Farbe mithilfe von RGB angeben

  • Probieren Sie es selbst aus »

RGB(127, 255, 127)

RGB(50 %, 100 %, 50 %)

RGB(127, 255, 127)

RGB(50 %, 100 %, 50 %)

Legen Sie die Farbe anhand des Hexadezimalwerts fest

Werte R G B kann auch mit hexadezimalen (HEX) Farbwerten in der Form angegeben werden: #RRGGBB wobei RR (rot), GG (grün) und BB (blau) hexadezimale Werte von 00 bis FF sind (identisch mit Dezimal 0-255). ). Das Hexadezimalsystem basiert im Gegensatz zum Dezimalsystem, wie der Name schon sagt, auf der Zahl 16. Das Hexadezimalsystem verwendet die folgenden Zeichen: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Hier werden die Zahlen von 10 bis 15 durch lateinische Buchstaben ersetzt. Zahlen größer als 15 im Hexadezimalsystem werden durch die Kombination zweier Zeichen zu einem Wert dargestellt. Beispielsweise entspricht die höchste Zahl 255 im Dezimalformat dem höchsten FF-Wert im Hexadezimalformat. Im Gegensatz zum Dezimalsystem wird einer Hexadezimalzahl ein Rautezeichen vorangestellt. # #FF0000 wird beispielsweise als Rot angezeigt, da Rot auf den höchsten Wert (FF) und die übrigen Farben auf den Minimalwert (00) eingestellt sind. Zeichen nach dem Raute-Symbol # Sie können sowohl Groß- als auch Kleinbuchstaben eingeben. Das Hexadezimalsystem ermöglicht die Verwendung der Kurzform #rgb, wobei jedes Zeichen einem Double entspricht. Daher sollte der Eintrag #f7O als #ff7700 betrachtet werden.

Beispiel: HEX-Farbe

  • Probieren Sie es selbst aus »

rot: #FF0000

grün: #00FF00

blau: #0000FF

rot: #FF0000

grün: #00FF00

blau: #0000FF

rot+grün=gelb: #FFFF00

rot+blau=lila: #FF00FF

grün+blau=cyan: #00FFFF

Liste gängiger Farben (Name, HEX und RGB):

Englischer Name Russischer Name Probe VERHEXEN RGB
Amarant Amarant #E52B50 229 43 80
Bernstein Bernstein #FFBF00 255 191 0
Aqua Blaugrün #00FFFF 0 255 255
Azurblau Azurblau #007FFF 0 127 255
Schwarz Schwarz #000000 0 0 0
Blau Blau #0000FF 0 0 255
Bondi Blue Bondi-Strandwasser #0095B6 0 149 182
Messing Messing #B5A642 181 166 66
Braun Braun #964B00 150 75 0
Himmelblau Azurblau #007BA7 0 123 167
Dunkles Frühlingsgrün Dunkles Frühlingsgrün #177245 23 114 69
Smaragd Smaragd #50C878 80 200 120
Aubergine Aubergine #990066 153 0 102
Fuchsie Fuchsie #FF00FF 255 0 255
Gold Gold #FFD700 250 215 0
Grau Grau #808080 128 128 128
Grün Grün #00FF00 0 255 0
Indigo Indigo #4B0082 75 0 130
Jade Jade #00A86B 0 168 107
Kalk Kalk #CCFF00 204 255 0
Malachit Malachit #0BDA51 11 218 81
Marine Dunkelblau #000080 0 0 128
Ocker Ocker #CC7722 204 119 34
Olive Olive #808000 128 128 0
Orange Orange #FFA500 255 165 0
Pfirsich Pfirsich #FFE5B4 255 229 180
Kürbis Kürbis #FF7518 255 117 24
Lila Violett #800080 128 0 128
Rot Rot #FF0000 255 0 0
Safran Safran #F4C430 244 196 48
Meeresgrün Grünes Meer #2E8B57 46 139 87
Sumpfgrün Bolotny #ACB78E 172 183 142
Blaugrün Blaugrün #008080 0 128 128
Ultramarin Ultramarin #120A8F 18 10 143
Violett Violett #8B00FF 139 0 255
Gelb Gelb #FFFF00 255 255 0

Farbcodes (Hintergrund) nach Sättigung und Farbton.

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

In den alten Spezifikationen des WC3-Konzerns waren lediglich 16 Schlüsselwörter angegeben, mit deren Hilfe Farben in HTML und CSS festgelegt wurden. In weiteren, moderneren Spezifikationen wurden weitere 130 Schlüsselwörter zur Angabe von Farbnamen hinzugefügt. Die folgende Tabelle enthält die Farbnamen und die entsprechenden Hex- und RGB-Codes.

Gemäß den CSS-Regeln wird bei Farbnamen die Groß-/Kleinschreibung nicht beachtet. 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. Dies liegt daran, dass sich einige Schlüsselwörter auf dieselbe Farbe beziehen. So stellen die Namen Gray und Gray den 50 %-Grau-Farbcode #808080 dar, und das Wort Magenta ist ein Synonym für die HTML-Farbe Fuchsia, entsprechend dem Hexadezimalcode #FF00FF. Synonym sind auch die Wörter Aqua und Cyan, sie entsprechen dem Code #00FFFF.

Farbname in HTML und CSS VERHEXEN RGB
Rottöne:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Lachs#FA8072250, 128, 114
DarkLachs#E9967A233, 150, 122
Leichter Lachs#FFA07A255, 160, 122
Purpur#DC143C220, 20, 60
Rot#FF0000255, 0, 0
Schamottstein#B22222178, 34, 34
Dunkelrot#8B0000139, 0, 0
Rosatöne:
Rosa#FFC0CB255, 192, 203
Hellrosa#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MittelViolettRot#C71585199, 21, 133
BlassViolettRot#DB7093219, 112, 147
Orangetöne:
Leichter Lachs#FFA07A255, 160, 122
Koralle#FF7F50255, 127, 80
Tomate#FF6347255, 99, 71
OrangeRot#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
ZitronenChiffon#FFFACD255, 250, 205
HellGoldruteGelb#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Mokassin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
BlasseGoldrute#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
Dunkles Khaki#BDB76B189, 183, 107
Violette 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
Mittelgroße Orchidee#BA55D3186, 85, 211
Mittelviolett#9370DB147, 112, 219
BlauViolett#8A2BE2138, 43, 226
Dunkelviolett#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Lila#800080 128, 0, 128
Indigo#4B008275, 0, 130
Schieferblau#6A5ACD106, 90, 205
Dunkles Schieferblau#483D8B72, 61, 139
Brauntöne:
Maisseide#FFF8DC255, 248, 220
Blanchierte Mandel#FFEBCD255, 235, 205
Biskuitcremesuppe#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Weizen#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Bräunen#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldrute#DAA520218, 165, 32
DarkGoldenRod#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
Primärfarben:
Schwarz#000000 0, 0, 0
Grau#808080 128, 128, 128
Silber#C0C0C0192, 192, 192
Weiß#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ünGelb#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
RasenGrün#7CFC00124, 252, 0
Kalk#00FF000, 255, 0
Limettengrün#32CD3250, 205, 50
Hellgrün#98FB98152, 251, 152
Hellgrün#90EE90144, 238, 144
MittelFrü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
OliveDrab#6B8E23107, 142, 35
Olive#808000 128, 128, 0
DunkelOlivgrün#556B2F85, 107, 47
MittelAquamarin#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Blaugrün#008080 0, 128, 128
Blautöne:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
HellCyan#E0FFFF224, 255, 255
Blasses Türkis#AFEEEE175, 238, 238
Aquamarin#7FFFD4127, 255, 212
Türkis#40E0D064, 224, 208
MittelTürkis#48D1CC72, 209, 204
Dunkeltürkis#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
Stahlblau#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
Pulverblau#B0E0E6176, 224, 230
Hellblau#ADD8E6173, 216, 230
Himmelblau#87CEEB135, 206, 235
LightSkyBlue#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:
Weiß#FFFFFF255, 255, 255
Schnee#FFFAFA255, 250, 250
Honigtau#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azurblau#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
Weißer Rauch#F5F5F5245, 245, 245
Muschel#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Elfenbein#FFFFFF0255, 255, 240
AntikWeiß#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
DimGray#696969 105, 105, 105
DimGrey#696969 105, 105, 105
HellSchieferGrau#778899 119, 136, 153
Hellschiefergrau#778899 119, 136, 153
Schiefergrau#708090 112, 128, 144
Schiefergrau#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
Dunkles Schiefergrau#2F4F4F47, 79, 79
Schwarz#000000 0, 0, 0

Das CSS-Farbmodul enthält detaillierte Werte, mit denen Autoren die Farben und die Deckkraft von HTML-Elementen sowie die Werte der Farbeigenschaft definieren können.

Farbeigenschaft

1. Prioritätsfarben: Farbeigenschaft

Die Eigenschaft gibt die Schriftfarbe unter Verwendung verschiedener Farbwiedergabesysteme an. Die Eigenschaft beschreibt die Farbe des Textinhalts des Elements. Darüber hinaus wird es verwendet, um einen potenziellen indirekten Wert (currentColor) für alle anderen Eigenschaften bereitzustellen, die Farbwerte annehmen.

Die Immobilie wird vererbt.

2. Farbwerte

2.1. Hauptschlüsselwörter

Die Liste der Hauptschlüsselwörter umfasst folgende Bedeutungen:

Name VERHEXEN RGB Farbe
Schwarz #000000 0,0,0
Silber #C0C0C0 192,192,192
grau #808080 128,128,128
Weiß #FFFFFF 255,255,255
kastanienbraun #800000 128,0,0
Rot #FF0000 255,0,0
lila #800080 128,0,128
Fuchsie #FF00FF 255,0,255
Grün #008000 0,128,0
Kalk #00FF00 0,255,0
Olive #808000 128,128,0
Gelb #FFFF00 255,255,0
Marine #000080 0,0,128
Blau #0000FF 0,0,255
blaugrün #008080 0,128,128
Aqua #00FFFF 0,255,255

Bei Farbnamen wird die Groß-/Kleinschreibung nicht beachtet.

Syntax

Farbe: blaugrün;

2.2. Numerische Farbwerte

2.2.1. RGB-Modellfarben

Das Hexadezimalformat eines RGB-Werts ist ein #-Zeichen, direkt gefolgt von drei oder sechs Hexadezimalzeichen. Die dreistellige RGB-Notation #rgb wird in die sechsstellige Form #rrggbb umgewandelt, indem die Ziffern kopiert und keine Nullen hinzugefügt werden. Beispielsweise wird #fb0 zu #ffbb00 erweitert. Dadurch wird sichergestellt, dass weißes #ffffff im kurzen #fff-Eintrag angegeben werden kann und alle Abhängigkeiten von der Farbtiefe der Anzeige beseitigt werden.

Das Format eines RGB-Werts in funktionaler Notation ist rgb(, gefolgt von einer durch Kommas getrennten Liste von drei numerischen Werten (entweder drei ganzzahligen Werten oder drei Prozentwerten), gefolgt von einem Symbol). Der ganzzahlige Wert 255 entspricht 100 % und F oder FF in hexadezimaler Schreibweise:

RGB(255.255.255) = RGB(100 %, 100 %, 100 %) = #FFF

Um numerische Werte herum sind Leerzeichen zulässig.

Tabelle (Palette) der Farben HTML gibt Ihnen die Möglichkeit, den gewünschten Ton selbstständig auszuwählen. Der Farbwert wird in drei Formaten angezeigt: Hex, RGB und HSV.

  • Hex besteht aus drei zweistelligen Werten im hexadezimalen Zahlensystem. 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“ und gibt den Anteil des entsprechenden Tons (Rot, Grün, Blau) in der resultierenden Farbe an.
  • HSV (Hue, Saturation, Value – Ton, Sättigung, Wert) – ein Farbmodell, in dem die Koordinaten sind:
    • Farbton – Farbton, kann von 0° bis 360° variieren.
    • Sättigung – Sättigung, variiert von 0-100 oder 0-1. Je höher dieser Parameter ist, desto „reiner“ ist die Farbe, weshalb dieser Parameter manchmal auch als Farbreinheit bezeichnet wird. Und je näher dieser Parameter bei Null liegt, desto näher liegt die Farbe am neutralen Grau.
    • Wert (Farbwert) – legt die Helligkeit fest, 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 Hexadezimalwerte auf. Alle aufgeführten Farben sind „sicher“, d. h. sie werden in allen Browsern gleich angezeigt.

Farbname VERHEXEN Farbe
Schwarz#000000
Marine#000080
Dunkelblau#00008B
Mittelblau#0000CD
Blau#0000FF
Dunkelgrün#006400
Grün#008000
Blaugrün#008080
DarkCyan#008B8B
DeepSkyBlue#00BFFF
Dunkeltürkis#00CED1
MittelFrühlingGrün#00FA9A
Kalk#00FF00
Frühlingsgrün#00FF7F
Aqua#00FFFF
Cyan#00FFFF
Mitternachtsblau#191970
Dodger Blau#1E90FF
LightSeaGreen#20B2AA
Waldgrün#228B22
Meeresgrün#2E8B57
DarkSlateGray#2F4F4F
Limettengrün#32CD32
MediumSeaGreen#3CB371
Türkis#40E0D0
Königsblau#4169E1
Stahlblau#4682B4
Dunkles Schieferblau#483D8B
MittelTürkis#48D1CC
Indigo#4B0082
DunkelOlivgrün#556B2F
CadetBlue#5F9EA0
Kornblumenblau#6495ED
MediumAquaMarine#66CDAA
DimGray#696969
Schieferblau#6A5ACD
OliveDrab#6B8E23
Schiefergrau#708090
HellSchieferGrau#778899
MittelSchieferblau#7B68EE
RasenGrün#7CFC00
Chartreuse#7FFF00
Aquamarin#7FFFD4
Kastanienbraun#800000
Lila#800080
Olive#808000
Grau#808080
Himmelblau#87CEEB
LightSkyBlue#87CEFA
BlauViolett#8A2BE2
Dunkelrot#8B0000
DarkMagenta#8B008B
Sattelbraun#8B4513
DarkSeaGreen#8FBC8F
Hellgrün#90EE90
Mittelviolett#9370D8
Dunkelviolett#9400D3
Hellgrün#98FB98
DarkOrchid#9932CC
GelbGrün#9ACD32
Siena#A0522D
Braun#A52A2A
Dunkelgrau#A9A9A9
Hellblau#ADD8E6
GrünGelb#ADFF2F
Blasses Türkis#AFEEEE
LightSteelBlue#B0C4DE
Pulverblau#B0E0E6
Schamottstein#B22222
DarkGoldenRod#B8860B
Mittelgroße Orchidee#BA55D3
RosyBrown#BC8F8F
Dunkles Khaki#BDB76B
Silber#C0C0C0
MittelViolettRot#C71585
IndianRed#CD5C5C
Peru#CD853F
Schokolade#D2691E
Bräunen#D2B48C
Hellgrau#D3D3D3
BlassViolettRot#D87093
Distel#D8BFD8
Orchidee#DA70D6
Goldener Stab#DAA520
Purpur#DC143C
Gainsboro#DCDCDC
Pflaume#DDA0DD
BurlyWood#DEB887
HellCyan#E0FFFF
Lavendel#E6E6FA
DarkLachs#E9967A
Violett#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Khaki#F0E68C
AliceBlue#F0F8FF
HoneyDew#F0FFF0
Azurblau#F0FFFF
SandyBrown#F4A460
Weizen#F5DEB3
Beige#F5F5DC
Weißer Rauch#F5F5F5
MintCream#F5FFFA
GhostWhite#F8F8FF
Lachs#FA8072
AntikWeiß#FAEBD7
Leinen#FAF0E6
LightGoldenRodYellow#FAFAD2
OldLace#FDF5E6
Rot#FF0000
Fuchsie#FF00FF
Magenta#FF00FF
DeepPink#FF1493
OrangeRot#FF4500
Tomate#FF6347
HotPink#FF69B4
Koralle#FF7F50
Dunkelorange#FF8C00
Leichter Lachs#FFA07A
Orange#FFA500
Hellrosa#FFB6C1
Rosa#FFC0CB
Gold#FFD700
PeachPuff#FFDAB9
NavajoWhite#FFDEAD
Mokassin#FFE4B5
Biskuitcremesuppe#FFE4C4
MistyRose#FFE4E1
Blanchierte Mandel#FFEBCD
PapayaWhip#FFEFD5
LavendelBlush#FFF0F5
Muschel#FFF5EE
Maisseide#FFF8DC
ZitronenChiffon#FFFACD
FloralWhite#FFFAF0
Schnee#FFFAFA
Gelb#FFFF00
HellGelb#FFFFE0
Elfenbein#FFFFFF0
Weiß#FFFFFF