Einstellungen
zum Text
ändere Medientyp
xhtml+xml
ändere Sprache
english
scripting
dec -> hex

URI: http://www.j-a-b.net/web/hue/color-names
aktualisiert: 2009-12-04
© 2002-2009 Contact

up down
Themenindex

Farbnamen und ihre Codierung

In CSS2 existiert nur eine kleine Menge von sieb­zehn gültigen Farb­namen.

standardkonforme CSS2-Farbnamen
Farbname
white
#ffffff
yellow
#ffff00
orange
#ffA500
red
#ff0000
fuchsia
#ff00ff
silver
#c0c0c0
gray
#808080
olive
#808000
purple
#800080
maroon
#800000
aqua
#00ffff
lime
#00ff00
teal
#008080
green
#008000
blue
#0000ff
navy
#000080
black
#000000
 

Allerdings gibt es eine weitere Fülle an Farbnamen, welche als Werte des HTML-Farbattributes bgcolor durchaus Gültigkeit besitzen. Diese nun folgenden Farbnamen entbehren jeglicher Systematik und werden auch von verschie­denen Browsern bis­weilen unter­schied­lich inter­pretiert. Neben den sechs­zehn Farb­namen für die VGA-Farben exi­stieren noch 120 Namen, welche von Netscape Browsern und Internet Explorer umge­setzt werden sowie weitere 48 mit einem Stern (*) gekenn­zeich­nete Namen, welche teil­weise von Opera stammen, teils unbe­kannter Her­kunft sind. Hierzu gehö­ren auch die elf in der Tabelle doppelt aufge­führten Namen:

Doppelte Farbnamen
Farbname
Aquamarine BlueViolet Bronze CornflowerBlue
DarkOliveGreen Khaki LightSteelBlue Maroon
MediumVioletRed SteelBlue YellowGreen  

Prinzipiell wird Groß- und Klein­schrei­bung bei den Farb­namen nicht unter­schieden, es ist jedoch im Hin­blick auf bessere Les­bar­keit empfeh­lens­wert, die in der Tabelle verwandte Schreib­weise zu benut­zen, wie fol­gendes Bei­spiel zeigt:

lightgoldenrodyellow vs. LIGHTGOLDENRODYELLOW vs. LightGoldenRodYellow

Die Tabelle ist nach unten­stehen­dem Schema auf­ge­baut
Für jede Farbe gibt es drei Fel­der. Im obe­ren Feld steht der Farb­name sowie der hexa­dezi­male Farb­code. Die Hin­ter­grund­farbe dieses Fel­des wird über diesen Code be­stimmt.
Legende Tabellenaufbau
In den zwei unte­ren Fel­dern wird links die Farbe mit Hilfe des CSS-­Attributes background, rechts mit dem HTML­ -Attribut bgcolor über den Farb­namen ge­setzt. Dies er­mög­licht einen Ver­gleich, in­wie­weit ein­zelne Farb­namen um­ge­setzt werden.

Das folgende Beispiel zeigt, wie die Farbe BrightGold von den Browsern Netscape 7.1, Internet Explorer 6.0 sowie Opera 7.11 umgesetzt wird:

Beispiel in den Browsern Netscape 7.1, I.E. 6.0 und Opera 7.11

Während im Netscape-­Browser keiner­lei Farbe dar­ge­stellt wird und im Opera-­Browser die Farbe problem­los um­gesetzt wird geht der Inter­net Explo­rer einen dritten Weg und wählt für die Dar­stel­lung der Farbe BrightGold im HTML-­Format einen dunklen Rot­ton, gibt im CSS-­Format jedoch wie der Netscape-­Browser keine Farbe wieder.

Die Übersicht der Farb­namen kann wahl­weise alpha­betisch oder nach Farb­werten geord­net dar­ge­stellt werden.

wähle die Darstellungsmethode
wähle die Sortierreihenfolge Auflistung nach Farbnamen Auflistung nach Farbwerten
zeige Farbübersicht

Keine Darstellungsmethode ist ausgewählt worden

Themenindex

CC logo
Diese Seite ist veröffentlicht unter einer Creative Commons License.