Webfarbe

Webfarbe

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

Webdesigner haben mehrere Möglichkeiten, die Farben einzelner Elemente auf ihren Webseiten festzulegen. Viele Farben sind bereits benannt, so dass keine Kenntnis über die dezimale oder hexadezimale Farbnotierung vorausgesetzt wird.

Inhaltsverzeichnis

Farbnotierungen in Stylesheets (CSS)

Webentwickler haben verschiedene Möglichkeiten, eine Farbe innerhalb eines Stylesheets zu notieren:

RGB-Farbraum

Farben des RGB-Farbraums werden wie folgt definiert:

p { color: #F00 } /* #rgb */
p { color: #FF0000 } /* #rrggbb */
p { color: rgb(255, 0, 0) } /* integer 0 - 255 */
p { color: rgba(64, 0, 0, 0.7) } /* 0.7 = 70% Transparenz - spezifiziert in CSS 3 */
p { color: rgb(100%, 0%, 0%) } /* prozentuale Angaben 0.0% - 100.0% */

HSL-Farbraum

Farben nach dem Model des HSL-Farbraumes können ab CSS 3 wie folgt notiert werden[1]:

p { color: hsl(120, 100%, 50%) } /* grün */
p { color: hsl(120, 100%, 25%) } /* dunkelgrün */
p { color: hsl(120, 100%, 75%) } /* hellgrün */
p { color: hsl(120, 50%, 50%) }  /* pastellgrün */
p { color: hsla(120, 100%, 50%, 0.7) } /* grün mit 70% Transparenz */

CMYK-Farbraum

Ab CSS 3 können Farben auch nach dem CMYK-Farbmodell angegeben werden[2]:

p { color: cmyk(0.0, 0.95, 1, 0.1) } /* rot */

Farbnamen

Viele Farbwerte sind einem Namen zugeordnet und können wie folgt benutzt werden:

p { color: navy; /* dunkelblau */ }
p { color: red; /* rot */ }

Die Zuordnung der Farbwerte ist nachfolgend beschrieben.

Notierung mit Rückwärtskompatibilität

Da nur moderne Browser die rgba-, hsl(a)- und cmyk-Notierung interpretieren können, müssen Webentwickler eine sog. Fallback-Farbe definieren:

p {
  color: red; /* Rückwärtskompatibilität */
  color: cmyk(0.0, 0.95, 1, 0.1); /* Wird von modernen Browsern interpretiert */
}

Benannte Farben

Es gibt mehrere Standards, die Farbnamen den Hexadezimal-Codes zuordnen. Dabei werden sie durch ihren englischsprachigen Namen anstelle ihre Werte im RGB-Farbraum angegeben. Durch die Angabe des Namens erspart sich der Entwickler die hexadezimale Notierung.

HTML 4/VGA

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

CSS 3

Die CSS-3-Spezifikation des World Wide Web Consortium (W3C) definiert aus der Liste des X11, die für SVG 1.0 standardisiert wurde, folgende 140 Farben:

Hierbei kann statt der Silbe gray auch grey geschrieben werden. Ferner repräsentieren aqua und cyan sowie fuchsia und magenta jeweils dieselbe Farbe. Die Liste setzt sich im Wesentlichen aus den 120 Farben des Netscape-Browsers und den 16 VGA-Farben zusammen. Nur die Farben bisque (#FFE4C4) und blanchedalmond (#FFEBCD) stammen nicht daher.

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.

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 mussten. 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 darstellbare 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. Die RGB-Werte je Farbe betragen in hexadezimaler Darstellung 0x00, 0x33, 0x66, 0x99, 0xCC, 0xFF.

Designer werden oft noch dazu angehalten, die 216 websicheren Farben in ihren Webseiten zu verwenden. Die websicheren Farben wurden aber Mitte der 1990er Jahre entwickelt, als Grafikkarten mit 8 Bit Farbtiefe der übliche Standard waren. Durch die Verbreitung von Grafikkarten, die 24 Bit Farbtiefe oder besser darstellen können, ist die Palette der websicheren Farben in den 2010er Jahren bedeutungslos geworden.


Siehe auch

Weblinks

Einzelnachweise

  1. http://www.css3.info/preview/hsla/
  2. http://www.w3.org/TR/css3-gcpm/#cmyk-colors
Farb-Check-RGB.png

Die in diesem Artikel 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 Computer. Apple-Macintosh-Rechner hingegen verwenden bis einschließlich System 10.5 („Leopard“) standardmäßig einen Gammawert von 1,8, seit dem System 10.6 („Snow Leopard“) kommt Gamma 2,2 zum Einsatz.


Wikimedia Foundation.

Игры ⚽ Поможем решить контрольную работу

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Cyan — Mittleres Cyan, sRGB #00DDFF (Farbcode: #00ddff) Cyan, sRGB #00FFFF (Farbcode: #00ffff) Cyan (auch in der Schreibung Zyan anzutreffen) bezeichnet allgemein einen am Übergang von Blau zu Grün liegenden Farbton. Der Begriff wird vor allem in… …   Deutsch Wikipedia

  • Azurblau —   Bestandteile RGB (r, g, b) (0, 127, 255) Hexadezimal Triplet 007FFF CMYK (c …   Deutsch Wikipedia

  • Farben — Buntstifte Farbe ist „diejenige Gesichtsempfindung eines dem Auge des Menschen strukturlos erscheinenden Teiles des Gesichtsfeldes, durch die sich dieser Teil bei einäugiger Beobachtung mit unbewegtem Auge von einem gleichzeitig gesehenen,… …   Deutsch Wikipedia

  • Farbpsychologie — Buntstifte Farbe ist „diejenige Gesichtsempfindung eines dem Auge des Menschen strukturlos erscheinenden Teiles des Gesichtsfeldes, durch die sich dieser Teil bei einäugiger Beobachtung mit unbewegtem Auge von einem gleichzeitig gesehenen,… …   Deutsch Wikipedia

  • Koloration — Buntstifte Farbe ist „diejenige Gesichtsempfindung eines dem Auge des Menschen strukturlos erscheinenden Teiles des Gesichtsfeldes, durch die sich dieser Teil bei einäugiger Beobachtung mit unbewegtem Auge von einem gleichzeitig gesehenen,… …   Deutsch Wikipedia

  • Silber (Farbe) — Silber (silver)   Bestandteile RGB (r, g, b) (192, 192, 192) Hexadezimal Triplet C0C0C0 …   Deutsch Wikipedia

  • Blauviolett — Violett Violett ist eine Farbe. Sie umfasst jene Farbreize, deren Absorptionsmaximum am kurzwelligen Ende des sichtbaren Lichtes vom UV bis etwa 425 nm heranreicht[1]. Licht mit dieser Eigenschaft kann auch als Körperfarbe remittiert sein. Im… …   Deutsch Wikipedia

  • Brauner Ocker — Ocker (Farbton goldenrod) Ocker (von griech. ὠχρός „blass, blassgelb“) sind Erdfarben, und zwar Gemische aus 5–20 % Brauneisenstein mit Tonmineralen, Quarz und Kalk. Als Pigment wird es als gelber Ocker (Schöngelb) in diversen Sorten und Nuancen …   Deutsch Wikipedia

  • Braunocker — Ocker (Farbton goldenrod) Ocker (von griech. ὠχρός „blass, blassgelb“) sind Erdfarben, und zwar Gemische aus 5–20 % Brauneisenstein mit Tonmineralen, Quarz und Kalk. Als Pigment wird es als gelber Ocker (Schöngelb) in diversen Sorten und Nuancen …   Deutsch Wikipedia

  • Bronzegelb — Zitronengelb   Neutralgelb (Hexadezimal FFFF00) Goldgelb (Gold, W3C) …   Deutsch Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”