Webfarben

Dieser Artikel oder Abschnitt bedarf einer Überarbeitung. Näheres ist auf der Diskussionsseite angegeben. Hilf bitte mit, ihn zu verbessern, und entferne anschließend diese Markierung.

Webfarben sind Farben, die für die Gestaltung von Webseiten eingesetzt werden.

Webautoren haben zwei Möglichkeiten, die Farben einzelner Elemente auf ihren Webseiten festzulegen. Farben können zum einen als RGB-Werte im Hexadezimalformat definiert werden. Zum anderen gibt es die benannten Farben, welche einen englischen Namen besitzen.

Inhaltsverzeichnis

[Bearbeiten] Hexadezimalformat

Im Hexadezimalformat werden Farben durch eine sechstellige Hexadezimal-Zahl mit vorangestelltem #-Zeichen dargestellt. Dabei bezeichnen je zwei Ziffern die Intensität der drei Farbkanäle Rot, Grün und Blau in dieser Reihenfolge. So bezeichnet #00ffff Rot, #ff00ff Grün und #ffff00 Blau (FF in Hexadezimal entspricht 255 in Dezimal-Schreibweise). Alle anderen Farben lassen sich durch Mischung dieser drei Farben darstellen (siehe RGB-Farbraum, für Beispiele siehe unten).

Darüber hinaus gibt es auch ein kurzes Hexadezimalformat, bei dem jeder Farbkanal nur durch eine Stelle dargestellt wird. Hellrot (#006666) kann somit auch als #06f6ff dargestellt werden und ein Gelbgrün #5500cc als #50fcff.

[Bearbeiten] Standardisierte Farbnamen

Es gibt mehrere Standards, die Farbnamen Hexadezimal-Codes zuordnen.

[Bearbeiten] HTML 4/VGA

HTML 4: die 20 Farben des VGA-Standards
#FFFFFF #ffffff silver #3f3f3f
maroon #7fffff red #00ffff
green #ff7fff lime #ff00ff
olive #7f7fff yellow #0000ff
navy #ffff7f blue #ffff00
purple #7fff7f fuchsia #00ff00
teal #ff7f7f aqua #ff0000
gray #7f7f7f #000000 #000000
brown #5ad5d5 orange #005aff
turquoise #bf1f2f aquamarine #80002b

Die dunklen Farben ergeben sich durch eine (nahezu) Halbierung des Rot-, Grün- und Blauwerts von 0xFF auf 0x80 (Ausnahme: schwarz und silber).

[Bearbeiten] CSS 3

Die CSS-3-Spezifikation des W3C definiert aus der Liste des X11, die für das SVG 1.0 standardisiert wurde, folgende 140 Farben:

Nach Sättigung und Farbton
Maroon #7fffff
DarkRed #74ffff
FireBrick #4ddddd
Red #00ffff
Salmon #057f8d
Tomato #009cb8
Coral #0080af
OrangeRed #00baff
Chocolate #2d96e1
SandyBrown #0b5b9f
DarkOrange #0073ff
Orange #005aff
DarkGoldenrod #4779f4
Goldenrod #255adf
Gold #0028ff
Olive #7f7fff
Yellow #0000ff
YellowGreen #6532cd
GreenYellow #5200d0
Chartreuse #8000ff
LawnGreen #8303ff
Green #ff7fff
Lime #ff00ff
LimeGreen #cd32cd
SpringGreen #ff0080
MediumSpringGreen #ff0565
Turquoise #bf1f2f
LightSeaGreen #df4d55
MediumTurquoise #b72e33
Teal #ff7f7f
DarkCyan #ff7474
Aqua #ff0000
Cyan #ff0000
DarkTurquoise #ff312e
DeepSkyBlue #ff4000
DodgerBlue #e16f00
RoyalBlue #be961e
Navy #ffff7f
DarkBlue #ffff74
MediumBlue #ffff32
Blue #ffff00
BlueViolet #75d41d
DarkOrchid #66cd33
DarkViolet #6bff2c
Purple #7fff7f
DarkMagenta #74ff74
Fuchsia #00ff00
Magenta #00ff00
MediumVioletRed #38ea7a
DeepPink #00eb6c
HotPink #00964b
Crimson #23ebc3
Brown #5ad5d5
IndianRed #32a3a3
RosyBrown #437070
LightCoral #0f7f7f
Snow #000505
MistyRose #001b1e
DarkSalmon #166985
LightSalmon #005f85
Sienna #5fadd2
SeaShell #000a11
SaddleBrown #74baec
Peachpuff #002546
Peru #327ac0
Linen #050f19
Bisque #001b3b
Burlywood #214778
Tan #2d4b73
AntiqueWhite #051428
NavajoWhite #002152
BlanchedAlmond #001432
PapayaWhip #00102a
Moccasin #001b4a
Wheat #0a214c
Oldlace #020a19
FloralWhite #00050f
Cornsilk #000723
Khaki #0f1973
LemonChiffon #000532
PaleGoldenrod #111755
DarkKhaki #424894
Beige #0a0a23
LightGoldenrodYellow #05052d
LightYellow #00001f
Ivory #00000f
OliveDrab #9471dc
DarkOliveGreen #aa94d0
DarkSeaGreen #704370
DarkGreen #ff9bff
ForestGreen #dd74dd
LightGreen #6f116f
PaleGreen #670467
Honeydew #0f000f
SeaGreen #d174a8
MediumSeaGreen #c34c8e
Mintcream #0a0005
MediumAquamarine #993255
Aquamarine #80002b
DarkSlateGray #d0b0b0
PaleTurquoise #501111
LightCyan #1f0000
Azure #0f0000
CadetBlue #a0615f
PowderBlue #4f1f19
LightBlue #522719
SkyBlue #783114
LightskyBlue #783105
SteelBlue #b97d4b
AliceBlue #0f0700
SlateGray #8f7f6f
LightSlateGray #887766
LightsteelBlue #4f3b21
CornflowerBlue #9b6a12
Lavender #191905
GhostWhite #070700
MidnightBlue #e6e68f
SlateBlue #95a532
DarkSlateBlue #b7c274
MediumSlateBlue #849711
MediumPurple #6c8f24
Indigo #b4ff7d
MediumOrchid #45aa2c
Plum #225f22
Violet #117d11
Thistle #274027
Orchid #258f29
LavenderBlush #000f0a
PaleVioletRed #248f6c
Pink #003f34
LightPink #00493e
Black #ffffff
DimGray #969696
Gray #7f7f7f
DarkGray #565656
Silver #3f3f3f
LightGrey #2c2c2c
Gainsboro #232323
WhiteSmoke #0a0a0a
White #000000
Nach Helligkeit (CIE)
Black #ffffff
Navy #ffff7f
DarkBlue #ffff74
MediumBlue #ffff32
MidnightBlue #e6e68f
Indigo #b4ff7d
Blue #ffff00
Maroon #7fffff
DarkRed #74ffff
Purple #7fff7f
DarkMagenta #74ff74
DarkViolet #6bff2c
SaddleBrown #74baec
DarkSlateBlue #b7c274
DarkGreen #ff9bff
DarkSlateGray #d0b0b0
Brown #5ad5d5
FireBrick #4ddddd
Sienna #5fadd2
BlueViolet #75d41d
DarkOliveGreen #aa94d0
Green #ff7fff
Crimson #23ebc3
MediumVioletRed #38ea7a
Red #00ffff
DarkOrchid #66cd33
Teal #ff7f7f
DimGray #969696
Chocolate #2d96e1
Fuchsia #00ff00
Magenta #00ff00
SlateBlue #95a532
Olive #7f7fff
IndianRed #32a3a3
DarkCyan #ff7474
OrangeRed #00baff
RoyalBlue #be961e
ForestGreen #dd74dd
MediumOrchid #45aa2c
DeepPink #00eb6c
DarkGoldenrod #4779f4
SeaGreen #d174a8
OliveDrab #9471dc
MediumSlateBlue #849711
Tomato #009cb8
PaleVioletRed #248f6c
Gray #7f7f7f
SlateGray #8f7f6f
Peru #327ac0
DodgerBlue #e16f00
DarkOrange #0073ff
MediumPurple #6c8f24
SteelBlue #b97d4b
Coral #0080af
LightSlateGray #887766
Orchid #258f29
Salmon #057f8d
LightCoral #0f7f7f
HotPink #00964b
RosyBrown #437070
Orange #005aff
Goldenrod #255adf
CadetBlue #a0615f
LightSeaGreen #df4d55
DarkSalmon #166985
DeepSkyBlue #ff4000
Violet #117d11
CornflowerBlue #9b6a12
MediumSeaGreen #c34c8e
SandyBrown #0b5b9f
DarkTurquoise #ff312e
LightSalmon #005f85
LimeGreen #cd32cd
DarkGray #565656
DarkKhaki #424894
Plum #225f22
Tan #2d4b73
DarkSeaGreen #704370
YellowGreen #6532cd
BurlyWood #214778
Gold #0028ff
MediumAquamarine #993255
LightPink #00493e
Silver #3f3f3f
Lime #ff00ff
MediumTurquoise #b72e33
MediumSpringGreen #ff0565
Thistle #274027
SpringGreen #ff0080
LightSteelBlue #4f3b21
Pink #003f34
Turquoise #bf1f2f
Aqua #ff0000
Cyan #ff0000
LawnGreen #8303ff
SkyBlue #783114
Chartreuse #8000ff
LightSkyBlue #783105
LightGrey #2c2c2c
LightBlue #522719
LightGreen #6f116f
GreenYellow #5200d0
PeachPuff #002546
Yellow #0000ff
Khaki #0f1973
Wheat #0a214c
NavajoWhite #002152
Gainsboro #232323
PowderBlue #4f1f19
PaleGoldenrod #111755
Moccasin #001b4a
Bisque #001b3b
PaleGreen #670467
MistyRose #001b1e
PaleTurquoise #501111
BlanchedAlmond #001432
Lavender #191905
AntiqueWhite #051428
Aquamarine #80002b
PapayaWhip #00102a
Linen #050f19
Beige #0a0a23
LavenderBlush #000f0a
OldLace #020a19
LemonChiffon #000532
LightGoldenrodYellow #05052d
Cornsilk #000723
Seashell #000a11
WhiteSmoke #0a0a0a
AliceBlue #0f0700
FloralWhite #00050f
GhostWhite #070700
LightYellow #00001f
Snow #000505
Honeydew #0f000f
LightCyan #1f0000
Ivory #00000f
MintCream #0a0005
Azure #0f0000
White #000000
Alphabetische Reihenfolge
AliceBlue #0f0700
AntiqueWhite #051428
Aqua #ff0000
Aquamarine #80002b
Azure #0f0000
Beige #0a0a23
Bisque #001b3b
Black #ffffff
BlanchedAlmond #001432
Blue #ffff00
BlueViolet #75d41d
Brown #5ad5d5
BurlyWood #214778
CadetBlue #a0615f
Chartreuse #8000ff
Chocolate #2d96e1
Coral #0080af
CornflowerBlue #9b6a12
Cornsilk #000723
Crimson #23ebc3
Cyan #ff0000
DarkBlue #ffff74
DarkCyan #ff7474
DarkGoldenrod #4779f4
DarkGray #565656
DarkGreen #ff9bff
DarkKhaki #424894
DarkMagenta #74ff74
DarkOliveGreen #aa94d0
DarkOrange #0073ff
DarkOrchid #66cd33
DarkRed #74ffff
DarkSalmon #166985
DarkSeaGreen #704370
DarkSlateBlue #b7c274
DarkSlateGray #d0b0b0
DarkTurquoise #ff312e
DarkViolet #6bff2c
DeepPink #00eb6c
DeepSkyBlue #ff4000
DimGray #969696
DodgerBlue #e16f00
FireBrick #4ddddd
FloralWhite #00050f
ForestGreen #dd74dd
Fuchsia #00ff00
Gainsboro #232323
GhostWhite #070700
Gold #0028ff
Goldenrod #255adf
Gray #7f7f7f
Green #ff7fff
GreenYellow #5200d0
Honeydew #0f000f
HotPink #00964b
IndianRed #32a3a3
Indigo #b4ff7d
Ivory #00000f
Khaki #0f1973
Lavender #191905
LavenderBlush #000f0a
LawnGreen #8303ff
LemonChiffon #000532
LightBlue #522719
LightCoral #0f7f7f
LightCyan #1f0000
LightGoldenrodYellow #05052d
LightGreen #6f116f
LightGrey #2c2c2c
LightPink #00493e
LightSalmon #005f85
LightSeaGreen #df4d55
LightSkyBlue #783105
LightSlateGray #887766
LightSteelBlue #4f3b21
LightYellow #00001f
Lime #ff00ff
LimeGreen #cd32cd
Linen #050f19
Magenta #00ff00
Maroon #7fffff
MediumAquamarine #993255
MediumBlue #ffff32
MediumOrchid #45aa2c
MediumPurple #6c8f24
MediumSeaGreen #c34c8e
MediumSlateBlue #849711
MediumSpringGreen #ff0565
MediumTurquoise #b72e33
MediumVioletRed #38ea7a
MidnightBlue #e6e68f
MintCream #0a0005
MistyRose #001b1e
Moccasin #001b4a
NavajoWhite #002152
Navy #ffff7f
OldLace #020a19
Olive #7f7fff
OliveDrab #9471dc
Orange #005aff
OrangeRed #00baff
Orchid #258f29
PaleGoldenrod #111755
PaleGreen #670467
PaleTurquoise #501111
PaleVioletRed #248f6c
PapayaWhip #00102a
PeachPuff #002546
Peru #327ac0
Pink #003f34
Plum #225f22
PowderBlue #4f1f19
Purple #7fff7f
Red #00ffff
RosyBrown #437070
RoyalBlue #be961e
SaddleBrown #74baec
Salmon #057f8d
SandyBrown #0b5b9f
SeaGreen #d174a8
Seashell #000a11
Sienna #5fadd2
Silver #3f3f3f
SkyBlue #783114
SlateBlue #95a532
SlateGray #8f7f6f
Snow #000505
SpringGreen #ff0080
SteelBlue #b97d4b
Tan #2d4b73
Teal #ff7f7f
Thistle #274027
Tomato #009cb8
Turquoise #bf1f2f
Violet #117d11
Wheat #0a214c
White #000000
WhiteSmoke #0a0a0a
Yellow #0000ff
YellowGreen #6532cd

Hierbei kann statt der Silbe gray auch grey geschrieben werden. Ferner sind aqua und cyan sowie magenta und fuchsia die gleiche Farbe. Die Liste setzt sich im Wesentlichen aus den 120 Farben des Netscape-Browsers und den 16 VGA-Farben zusammen. Nur die Farben Bisque (#001b3b) und BlanchedAlmond (#001432) stammen nicht daher.

[Bearbeiten] Herstellerabhängige Farbnamen

Zusätzlich haben die Hersteller von Browsern eine Vielzahl von Farbnamen definiert. Bei diesen ist aber nicht sichergestellt, dass alle Browser diese Farbnamen auch interpretieren können. Um browserunabhängiges HTML zu erzeugen, sollte man diese Farbnamen nicht verwenden.

[Bearbeiten] Websichere Farben

Eine andere Gruppe von Farben wird allgemein als Websichere Farbpalette bezeichnet. Als die Palette der websicheren Farben entwickelt wurde, konnten Computer oft nur 256 verschiedene Farben anzeigen. Es wurde eine Palette von Farben benötigt, die nicht von der Grafik durch Dithering angenähert werden musste. Betriebssysteme belegen für ihren eigenen Gebrauch etwa 16 bis 20 Farben, die nicht benutzt werden können, es bleiben also zirka 236 frei wählbare Farben. Eine weitere Überlegung war, für jede Grundfarbe (Rot, Grün, und Blau) sechs verschiedene Farbtöne anbieten zu können, also 6 Â· 6 Â· 6 = 63 = 216 Farben. Die Palette wurde zuerst durch Lynda Weinman vorgeschlagen. Standardmäßig umgesetzt wurde sie zuerst von Netscape, wobei die restlichen 40 von 256 Farben frei definierbar waren. Die websicheren Farben haben keine Namen, werden also durch die Angaben ihrer RGB-Werte im RGB-Farbraum festgelegt.

Tabelle der 216 Websicheren Farben
#ffffff #fffcff #fff9ff #fff6ff #fff3ff #fff0ff #fcffff #fcfcff #fcf9ff #fcf6ff #fcf3ff #fcf0ff
#cfffff #cffcff #cff9ff #cff6ff #cff3ff #cff0ff #ccffff #ccfcff #ccf9ff #ccf6ff #ccf3ff #ccf0ff
#9fffff #9ffcff #9ff9ff #9ff6ff #9ff3ff #9ff0ff #9cffff #9cfcff #9cf9ff #9cf6ff #9cf3ff #9cf0ff
#6fffff #6ffcff #6ff9ff #6ff6ff #6ff3ff #6ff0ff #6cffff #6cfcff #6cf9ff #6cf6ff #6cf3ff #6cf0ff
#3fffff #3ffcff #3ff9ff #3ff6ff #3ff3ff #3ff0ff #3cffff #3cfcff #3cf9ff #3cf6ff #3cf3ff #3cf0ff
#0fffff #0ffcff #0ff9ff #0ff6ff #0ff3ff #0ff0ff #0cffff #0cfcff #0cf9ff #0cf6ff #0cf3ff #0cf0ff
#f9ffff #f9fcff #f9f9ff #f9f6ff #f9f3ff #f9f0ff #f6ffff #f6fcff #f6f9ff #f6f6ff #f6f3ff #f6f0ff
#c9ffff #c9fcff #c9f9ff #c9f6ff #c9f3ff #c9f0ff #c6ffff #c6fcff #c6f9ff #c6f6ff #c6f3ff #c6f0ff
#99ffff #99fcff #99f9ff #99f6ff #99f3ff #99f0ff #96ffff #96fcff #96f9ff #96f6ff #96f3ff #96f0ff
#69ffff #69fcff #69f9ff #69f6ff #69f3ff #69f0ff #66ffff #66fcff #66f9ff #66f6ff #66f3ff #66f0ff
#39ffff #39fcff #39f9ff #39f6ff #39f3ff #39f0ff #36ffff #36fcff #36f9ff #36f6ff #36f3ff #36f0ff
#09ffff #09fcff #09f9ff #09f6ff #09f3ff #09f0ff #06ffff #06fcff #06f9ff #06f6ff #06f3ff #06f0ff
#f3ffff #f3fcff #f3f9ff #f3f6ff #f3f3ff #f3f0ff #f0ffff #f0fcff #f0f9ff #f0f6ff #f0f3ff #f0f0ff
#c3ffff #c3fcff #c3f9ff #c3f6ff #c3f3ff #c3f0ff #c0ffff #c0fcff #c0f9ff #c0f6ff #c0f3ff #c0f0ff
#93ffff #93fcff #93f9ff #93f6ff #93f3ff #93f0ff #90ffff #90fcff #90f9ff #90f6ff #90f3ff #90f0ff
#63ffff #63fcff #63f9ff #63f6ff #63f3ff #63f0ff #60ffff #60fcff #60f9ff #60f6ff #60f3ff #60f0ff
#33ffff #33fcff #33f9ff #33f6ff #33f3ff #33f0ff #30ffff #30fcff #30f9ff #30f6ff #30f3ff #30f0ff
#03ffff #03fcff #03f9ff #03f6ff #03f3ff #03f0ff #00ffff #00fcff #00f9ff #00f6ff #00f3ff #000000

[Bearbeiten] Wirklich websichere Farben

Designer werden oft noch dazu angehalten, die 216 websicheren Farben in ihren Webseiten zu verwenden. Die websicheren Farben wurden aber zu einer Zeit (ca. 1995) entwickelt, als Grafikkarten und Monitore mit 8 Bit Farbtiefe der übliche Standard waren.

Bei der Verwendung von 16 Bit Farbtiefe ergeben sich weitere Probleme: David Lehn und Hadley Stern haben festgestellt, dass nur 22 der 216 websicheren Farben bei 16 Bit Farbtiefe ohne Neuberechnung richtig dargestellt werden können. Sie bezeichneten diese Gruppe von 22 Farben als wirklich websichere Farbpalette. Sie besteht hauptsächlich aus grünen und gelben Farbtönen, ihre Werte sind in der folgenden Tabelle dargestellt:

000 F00 003 F03 00F F0F 0F0 6F0 FF0 3F3 6F3
FF3 0F6 3F6 CF6 FF6 0FC 3FC 0FF 3FF 6FF FFF

Durch die Verbreitung von Grafikkarten und Monitoren, die 24 Bit oder mehr Farbtiefe darstellen können, ist die Palette der websicheren Farben bedeutungslos geworden.

[Bearbeiten] Siehe auch

[Bearbeiten] Weblinks

Die in Wikipedia-Artikeln verwendeten Farben werden auf jedem Monitor anders dargestellt und sind nicht farbverbindlich. Eine Möglichkeit, die Darstellung mit rein visuellen Mitteln näherungsweise zu kalibrieren, bietet das nebenstehende Testbild: Tritt auf einer oder mehreren der drei grauen Flächen ein Buchstabe (R für Rot, G für Grün oder B für Blau) stark hervor, sollte die Gammakorrektur des korrespondierenden Monitor-Farbkanals korrigiert werden. Das Bild ist auf einen Gammawert von 2,2 eingestellt â€“ den gebräuchlichen Wert für IBM-kompatible PCs. Apple-Macintosh-Rechner hingegen verwenden standardmäßig einen Gammawert von 1,8.


system wymiany linków system wymiany linków wymiana linkami SEO Tools tanie kredyty gotówkowe kreatyna Plaza 3 star hotel Los Angeles krynica noclegi Sejm Tyk