Farbpalette HTML-Farben [Zurück]

Für denjenigen, der es bunt mag, bzw. dem es nützen kann...

Hier finden Sie eine Tabelle mit den vordefinierten Farbnamen, die in HTML alternativ zu den hexadezimalen Codes verwendet werden können. Wenn Sie jeweils auf die Lupe klicken, öffnet sich ein Fenster mit der jeweiligen Farbe als Hintergrundfarbe. Dort können Sie testen, welche Schriftfarbe Ihnen zum Hintergrund gefällt, bzw., welche Farbe dazu passt, oder auch nicht!
Es sind 140 verschiedene Farben. Ich habe sie alphabetisch geordnet, nach der englischen Alternativbezeichnung.
Pro Farbe finden Sie den Namen, den HTML-Code, die RGB-Werte (Anteile an roter, grüner und blauer Farbe) und eine ungefähre Beschreibung der Farbe.
Anzumerken ist, dass die englische Farbbezeichnung die betreffende Nuance nicht immer hundertprozentig beschreibt, und dass die verschiedenen Browser die Farbnuancen nicht immer gleich darstellen!

Zum Beispiel werden folgende 12 Farbnamen vom Browser Opera 5 überhaupt nicht erkannt:
"AliceBlue", "BurlyWood", "Crimson", "DarkCyan", "DarkGray", "DarkMagenta", "DarkRed", "Indigo", "LightGreen", "LightGrey", "Salmon", "WhiteSmoke"

Testbereich 1 (Englische Farbbezeichnung):

Hiermit können Sie sich für diese Fläche (aktuelle Textfarbe:"navy"; aktuelle Hintergrundfarbe:"silver") eine neue Hintergrundfarbe aussuchen!! Einzelheiten zu den einzelnen Farben (HTML-Bezeichnung, RGB-Wert) entnehmen Sie bitte der unteren Liste!
Möchten Sie testen, welche Text- bzw. Vordergrundfarbe zu einer bestimmten Hintergrundfarbe am Besten paßt? Klicken Sie dann auf der unteren Tabelle auf die Lupe zu der gewünschten Hintergrundfarbe!


 
Testbereich 2 (Farbpalette von Netscape):

In diesem Bereich (aktuelle Textfarbe:"silver"; aktuelle Hintergrundfarbe:"navy") können Sie die Farben von Netscapes interner Farbpalette ebenfalls als Hintergrund aufrufen. Es sind 216 verschiedene Farbnuancen (die Tabelle besteht aus 36 Zeilen und 6 Spalten). Die Farbbezeichnungen stehen dann im HEX-Code!

Wenn Sie gerne Text und Hintergrund im Verhältnis zueinander testen möchten, können Sie dies auf einer weiteren Seite tun, wo Sie sich ebenfalls die gesamte Farbpalette anschauen können!


 

A B C D E F G H J K L M
N O P Q R S T U V W X Y Z

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
A AliceBlue #F0F8FF 240, 248, 255 Weiß mit hellblauem Stich Vergrößerung
  AntiqueWhite #FAEBD7 250, 235, 215 Aprikosefarben Vergrößerung
  Aqua #00FFFF 0, 255, 255 Hellblauer Farbton, Wasserblau Vergrößerung
  Aquamarine #7FFFD4 127, 255, 212 Grün-blauer Farbton Vergrößerung
  Azure #F0FFFF 240, 255, 255 Hellblauer, Azurblauer Farbton Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
B Beige #F5F5DC 245, 245, 220 Beige Vergrößerung
  Bisque #FFE4C4 255, 228, 196 Aprikosefarben Vergrößerung
  Black #000000 0, 0, 0 Schwarz Vergrößerung
  BlanchedAlmond #FFEBCD 255, 235, 205 Mandelweiß Vergrößerung
  Blue #0000FF 0, 0, 255 Blau Vergrößerung
  Blueviolet #8A2BE2 138, 43, 226 Blauviolet Vergrößerung
  Brown #A52A2A 165, 42, 42 Braun Vergrößerung
  BurlyWood #A52A2A 222, 184, 135 Heller Braunton Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
C CadetBlue #5F9EA0 95, 158, 160 Grau-Grün-Blauer Ton Vergrößerung
  Chartreuse #7FFF00 127, 255, 0 Wiesengrün Vergrößerung
  Chocolate #D2691E 210, 105, 30 Schokoladenfarbe Vergrößerung
  Coral #FF7F50 255, 127, 80 Korallenfarbe, Orangeton Vergrößerung
  CornflowerBlue #6495ED 100, 149, 237 Kornblumenblau Vergrößerung
  Cornsilk #FFF8DC 255, 248, 220 Helles Beige, Maisfarbe Vergrößerung
  Crimson #DC143C 220, 20, 60 Karmesinrot Vergrößerung
  Cyan #00FFFF 0, 255, 255 Zyanblau Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
D DarkBlue #00008B 0, 0, 139 Dunkelblau Vergrößerung
  DarkCyan #008B8B 0, 139, 139 Dunkelzyanblau Vergrößerung
  DarkGoldenrod #B8860B 184, 134, 11 Dunkler Goldton Vergrößerung
  DarkGray #A9A9A9 169, 169, 169 Dunkelgrau Vergrößerung
  DarkGreen #006400 0, 100, 0 Dunkelgrün Vergrößerung
  DarkKhaki #BDB76B 189, 183, 107 Dunkelkhaki Vergrößerung
  DarkMagenta #8B008B 139, 0, 139 Dunkelmagenta Vergrößerung
  DarkOliveGreen #556B2F 85, 107, 47 Dunkles Olivengrün Vergrößerung
  DarkOrange #FF8C00 255, 140, 0 Dunkelorange Vergrößerung
  DarkOrchid #9932CC 153, 50, 204 Dunkler Lilaton Vergrößerung
  DarkRed #8B0000 139, 0, 0 Dunkelrot Vergrößerung
  DarkSalmon #E9967A 233, 150, 122 Dunkle Lachsfarbe Vergrößerung
  DarkSeaGreen #8FBC8F 143, 188, 143 Dunkles Seegrün Vergrößerung
  DarkSlateBlue #483D8B 72, 61, 139 Dunkles Schieferblau Vergrößerung
  DarkSlateGray #2F4F4F 47, 79, 79 Dunkles Schiefergrau Vergrößerung
  DarkTurquoise #00CED1 0, 206, 209 Dunkles Türkis Vergrößerung
  DarkViolet #9400D3 148, 0, 211 Dunkelviolett Vergrößerung
  DeepPink #FF1493 255, 20, 147 Tiefes Pink Vergrößerung
  DeepSkyBlue #00BFFF 0, 191, 255 Tiefes Himmelblau Vergrößerung
  DimGray #696969 105, 105, 105 Mattes Grau Vergrößerung
  DodgerBlue #1E90FF 30, 144, 255 Kräftiger Blauton Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
F FireBrick #B22222 178, 34, 34 Ziegelsteinrot Vergrößerung
  FloralWhite #FFFAF0 255, 250, 240 Blumenweiß Vergrößerung
  ForestGreen #228B22 34, 139, 34 Waldgrün Vergrößerung
  Fuchsia #FF00FF 255, 0, 255 Pink Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
G Gainsboro #DCDCDC 220, 220, 220 Heller Grauton Vergrößerung
  GhostWhite #F8F8FF 248, 248, 255 Gespenstweiß Vergrößerung
  Gold #FFD700 255, 215, 0 Gold Vergrößerung
  Goldenrod #DAA520 218, 165, 32 Dunkelgold Vergrößerung
  Gray #808080 128, 128, 128 Grau Vergrößerung
  Green #008000 0, 128, 0 Dunkelgrün Vergrößerung
  GreenYellow #ADFF2F 173, 255, 47 Grüngelb Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
H Honeydew #F0FFF0 240, 255, 240 Blasser weißgrüner Ton Vergrößerung
  HotPink #FF69B4 255, 105, 180 Warmes Pink Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
I IndianRed #CD5C5C 205, 92, 92 Indianerrot Vergrößerung
  Indigo #4B0082 75, 0, 130 Indigo Vergrößerung
  Ivory #FFFFF0 255, 255, 240 Elfenbein Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
K Khaki #F0E68C 240, 230, 140 Khaki Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
L Lavender #E6E6FA 230, 230, 250 Lavendelblau Vergrößerung
  LavenderBlush #FFF0F5 255, 240, 245 Lavendelrosa Vergrößerung
  LawnGreen #7CFC00 124, 252, 0 Wiesengrün Vergrößerung
  LemonChiffon #FFFACD 255, 250, 205 Zartes Zitronengelb Vergrößerung
  LightBlue #ADD8E6 173, 216, 230 Helles Blau Vergrößerung
  LightCoral #F08080 240, 128, 128 Helle Korallenfarbe Vergrößerung
  LightCyan #E0FFFF 224, 255, 255 Helles Zyanblau Vergrößerung
  LightGoldenrodYellow #FAFAD2 250, 250, 210 Blaßes Gelb Vergrößerung
  LightGreen #90EE90 144, 238, 144 Helles Grün Vergrößerung
  LightGrey #D3D3D3 211, 211, 211 Heller Grauton Vergrößerung
  LightPink #FFB6C1 255, 182, 193 Helles Pink Vergrößerung
  LightSalmon #FFA07A 255, 160, 122 Helle Lachsfarbe Vergrößerung
  LightSeaGreen #20B2AA 32, 178, 170 Blaugrüner Ton Vergrößerung
  LightSkyBlue #87CEFA 135, 206, 250 Helles Himmelblau Vergrößerung
  LightSlateGray #778899 119, 136, 153 Helles Schiefergrau Vergrößerung
  LightSteelBlue #B0C4DE 176, 196, 222 Helles Stahlblau Vergrößerung
  LightYellow #FFFFE0 255, 255, 224 Helles Gelb Vergrößerung
  Lime #00FF00 0, 255, 0 Limonengrün Vergrößerung
  LimeGreen #32CD32 50, 205, 50 Dunkles Limonengrün Vergrößerung
  Linen #FAF0E6 250, 240, 230 Helles Rosa, Leinenfarbe Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
M Magenta #FF00FF 255, 0, 255 Magentarot Vergrößerung
  Maroon #800000 128, 0, 0 Kastanienbraun Vergrößerung
  MediumAquamarine #66CDAA 102, 205, 170 Mittleres Aquamarine Vergrößerung
  MediumBlue #0000CD 0, 0, 205 Mittleres Blau Vergrößerung
  MediumOrchid #BA55D3 186, 85, 211 Mittlerer Lilaton Vergrößerung
  MediumPurple #9370DB 147, 112, 219 Mittleres Purpurrot Vergrößerung
  MediumSeaGreen #3CB371 60, 179, 113 Mittleres Seegrün Vergrößerung
  MediumSlateBlue #7B68EE 123, 104, 238 Mittleres Schieferblau Vergrößerung
  MediumSpringGreen #00FA9A 0, 250, 154 Mittleres Frühlingsgrün Vergrößerung
  MediumTurquoise #48D1CC 72, 209, 204 Mittleres Türkis Vergrößerung
  MediumVioletRed #C71585 199, 21, 133 Mittleres Violett Vergrößerung
  MidnightBlue #191970 25, 25, 112 Mitternachtblau Vergrößerung
  MintCream #F5FFFA 245, 255, 250 Helle Mintfarbe Vergrößerung
  MistyRose #FFE4E1 255, 228, 225 Helles Rosa Vergrößerung
  Moccasin #FFE4B5 255, 228, 181 Mokassinfarben Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
N NavajoWhite #FFDEAD 255, 222, 173 Navajoweiß, Aprikosefarben!! Vergrößerung
  Navy #000080 0, 0, 128 Marine Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
O Oldlace #FDF5E6 253, 245, 230 Heller Rosaton Vergrößerung
  Olive #808000 128, 128, 0 Olivgrün Vergrößerung
  Olivedrab #6B8E23 107, 142, 35 Olivgrün Vergrößerung
  Orange #FFA500 255, 165, 0 Orange Vergrößerung
  OrangeRed #FF4500 255, 69, 0 Rotorange Vergrößerung
  Orchid #DA70D6 218, 112, 214 Orchideenfarbe Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
P PaleGoldenrod #EEE8AA 238, 232, 170 Hellbrauner Goldton Vergrößerung
  PaleGreen #98FB98 152, 251, 152 Helles Grün Vergrößerung
  PaleTurquoise #AFEEEE 175, 238, 238 Helles Türkis Vergrößerung
  PaleVioletred #DB7093 219, 112, 147 Helles Violett Vergrößerung
  PapayaWhip #FFEFD5 255, 239, 213 Papayafarbe Vergrößerung
  Peachpuff #FFDAB9 255, 218, 185 Pfirsischfarbe Vergrößerung
  Peru #CD853F 205, 133, 63 Gelbbrauner Ton Vergrößerung
  Pink #FFC0CB 255, 192, 203 Rosa Vergrößerung
  Plum #DDA0DD 221, 160, 221 Pflaume Vergrößerung
  PowderBlue #B0E0E6 176, 224, 230 Pulverblau Vergrößerung
  Purple #800080 128, 0, 128 Purpurfarben Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
R Red #FF0000 255, 0, 0 Rot Vergrößerung
  RosyBrown #BC8F8F 188, 143, 143 Rosabraun Vergrößerung
  RoyalBlue #4169E1 65, 105, 225 Königblau Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
S SaddleBrown #8B4513 139, 69, 19 Sattelbraun Vergrößerung
  Salmon #FA8072 250, 128, 114 Lachsfarben Vergrößerung
  SandyBrown #F4A460 244, 164, 96 Sandbraun Vergrößerung
  SeaGreen #2E8B57 46, 139, 87 Meeresgrün Vergrößerung
  Seashell #FFF5EE 255, 245, 238 Muschelfarben Vergrößerung
  Sienna #A0522D 160, 82, 45 Sienafarben Vergrößerung
  Silver #C0C0C0 192, 192, 192 Silberfarben Vergrößerung
  SkyBlue #87CEEB 135, 206, 235 Himmelblau Vergrößerung
  SlateBlue #6A5ACD 106, 90, 205 Schieferblau Vergrößerung
  SlateGray #708090 112, 128, 144 Schiefergrau Vergrößerung
  Snow #FFFAFA 255, 250, 250 Schneeweiß Vergrößerung
  SpringGreen #00FF7F 0, 255, 127 Frühlingsgrün Vergrößerung
  SteelBlue #4682B4 70, 130, 180 Stahlblau Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
T Tan #D2B48C 210, 180, 140 Helles Braun Vergrößerung
  Teal #008080 0, 128, 128 Grünblauer Farbton Vergrößerung
  Thistle #D8BFD8 216, 191, 216 Distelfarben Vergrößerung
  Tomato #FF6347 255, 99, 71 Tomatenrot Vergrößerung
  Turquoise #40E0D0 64, 224, 208 Türkis Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
V Violet #EE82EE 238, 130, 238 Violett Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
W Wheat #F5DEB3 245, 222, 179 Weizenfarben Vergrößerung
  White #FFFFFF 255, 255, 255 Weiß Vergrößerung
  WhiteSmoke #F5F5F5 245, 245, 245 Rauchweiß Vergrößerung

[Zur Auswahl][Seitenanfang]

  Farbname (englisch) Hexadezimaler Code (HTML-Code) RGB-Farbangabe ungefähre Beschreibung der Farbe  
Y Yellow #FFFF00 255, 255, 0 Gelb Vergrößerung
  YellowGreen #9ACD32 154, 205, 50 Gelbgrün Vergrößerung

[Zur Auswahl][Seitenanfang]





[ 2001-2005 Christian Girard] [Impressum] [E-Mail] [Kontakt] [Sitemap] [Oben] [Eingang]