Website-Farben

Websichere Farbpalette

Die linke Farbpalette wurde ursprünglich von Netscape eingeführt und hat sich im Internet zu einem Standard entwickelt. Ihr Vorteil besteht darin, dass die Farben auch beim Einsatz unterschiedlicher Hardware und auf verschiedenen Betriebssystemen höchstwahrscheinlich gleich aussehen. Sie wird deshalb auch als websichere Palette bezeichnet.

Den Hex-Wert der jeweiligen Farbe siehst Du in der Statuszeile des Browsers. Mit einem Klick in eine Farbzelle kannst Du die Hintergrundfarbe des Dokuments ändern.

Aktuelle Hintergrundfarbe:

 

Hexadezimalsystem

Das Hexadezimalsystem ist ein Zahlensystem zur Basis 16.
Es wurde eingeführt, um den Umgang mit Binärzahlen zu erleichtern. Als Zahlensymbole werden die des Dezimalsystems benutzt, also die Ziffern 0 bis 9, ergänzt durch die ersten sechs Buchstaben des Alphabets, A (für 10) bis F (für 15). RGB-Farben werden im Hexadezimalsystem mit einem sechsstelligen Wert nach dem Schema "RRGGBB" definiert. Die Werte geben jeweils den Anteil der drei Grundfarben Rot (R), Gelb (G) und Blau (B) an.

Die Ausprägung der jeweiligen Grundfarbe wird in der websicheren Farbtabelle durch die sechs hexadezimalen Zahlen 00, 33, 66, 99, CC und FF bestimmt. Der Wert 00 steht für den niedrigsten, FF für den höchsten Wert der betreffenden Grundfarbe. Die entsprechenden Dezimalzahlen sind 0, 51, 102, 153, 204 und 255. Die websichere Farbtabelle setzt sich aus allen Kombinationen der sechs Hexadezimalzahlen, potenziert um die drei jeweiligen Grundfarben (RGB), zusammen.
Das Ergebnis sind 63, also 216 verschiedene Farben.

 

Farben der Homepage

Natürlich muss man sich bei der Gestaltung seiner Homepage nicht zwingend an die websichere Farbpalette halten. Beschränkt man sich rein auf websichere Farben, stößt man bei der Abstimmung des Farbenspiels einer Homepage doch sehr schnell auf seine Grenzen. So setzt sich zum Beispiel das Grundlayout von Nollek online aus folgenden Farben zusammen:

  • 000000 - Schwarz (Hintergrund)
  • FFFFFF - Weiß (Überschriften, Links)
  • C0C0C0 - Hellgrau (Text)
  • 888888 - Hellgrau (Navigationsleisten)
  • 555555 - Dunkelgrau (Contentbereich,Untermenüpunkte)
  • FF9900 - Orange (Überschriften, Hoverfarben)

Tipp

Bei der Bezeichnung der Farben in HTML und in Stylesheets (CSS) läßt sich das Schema "RRGGBB" auch in "RGB" abkürzen, wenn die zwei Ziffern für Rot, Gelb und Blau jeweils identisch sind. So verwende ich für meine Homepage folgende Codes:

  • 000 - Schwarz (Hintergrund)
  • FFF - Weiß (Überschriften, Links)
  • 888 - Hellgrau (Navigationsleisten)
  • 555 - Dunkelgrau (Contentbereich,Untermenüpunkte)
  • F90 - Orange (Überschriften, Hoverfarben)
© 08.06.2007 Impressum | Haftung