Das Kefk Network Wiki befindet sich im Testbetrieb.
Webfarben
Aus Kefk.
Webfarben sind Farben, die für das Design 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 für viele Farben englische Farbnamen.
Inhaltsverzeichnis |
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 #FF0000 Rot, #00FF00 Grün und #0000FF 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. Hier wird Rot folglich als #F00 codiert.
Standardisierte Farbnamen
Es gibt mehrere Standards, die Farbnamen Hexadezimal-Codes zuordnen.
HTML 4 / VGA
| black | #000000 | gray | #808080 |
| maroon | #800000 | red | #FF0000 |
| green | #008000 | lime | #00FF00 |
| olive | #808000 | yellow | #FFFF00 |
| navy | #000080 | blue | #0000FF |
| purple | #800080 | fuchsia | #FF00FF |
| teal | #008080 | aqua | #00FFFF |
| silver | #C0C0C0 | white | #FFFFFF |
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:
|
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 | Dieses Dokument entstammt in seiner ersten oder einer späteren Version der deutschsprachigen Wikipedia. Es ist dort zu finden unter dem Stichwort Webfarben, die Liste der bisherigen Autoren befindet sich in der Versionsliste; die Originalfassung kann dort auch bearbeitet werden. Alle Texte der Wikipedia und ihre Derivate stehen unter der GNU-Lizenz für freie Dokumentation. |
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 (#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, das alle Browser diese Farbnamen auch interpretieren können. Um browserunabhängiges HTML zu erzeugen, sollte man diese Farbnamen nicht verwenden.
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=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.
| #000 | #003 | #006 | #009 | #00C | #00F | #030 | #033 | #036 | #039 | #03C | #03F |
| #300 | #303 | #306 | #309 | #30C | #30F | #330 | #333 | #336 | #339 | #33C | #33F |
| #600 | #603 | #606 | #609 | #60C | #60F | #630 | #633 | #636 | #639 | #63C | #63F |
| #900 | #903 | #906 | #909 | #90C | #90F | #930 | #933 | #936 | #939 | #93C | #93F |
| #C00 | #C03 | #C06 | #C09 | #C0C | #C0F | #C30 | #C33 | #C36 | #C39 | #C3C | #C3F |
| #F00 | #F03 | #F06 | #F09 | #F0C | #F0F | #F30 | #F33 | #F36 | #F39 | #F3C | #F3F |
| #060 | #063 | #066 | #069 | #06C | #06F | #090 | #093 | #096 | #099 | #09C | #09F |
| #360 | #363 | #366 | #369 | #36C | #36F | #390 | #393 | #396 | #399 | #39C | #39F |
| #660 | #663 | #666 | #669 | #66C | #66F | #690 | #693 | #696 | #699 | #69C | #69F |
| #960 | #963 | #966 | #969 | #96C | #96F | #990 | #993 | #996 | #999 | #99C | #99F |
| #C60 | #C63 | #C66 | #C69 | #C6C | #C6F | #C90 | #C93 | #C96 | #C99 | #C9C | #C9F |
| #F60 | #F63 | #F66 | #F69 | #F6C | #F6F | #F90 | #F93 | #F96 | #F99 | #F9C | #F9F |
| #0C0 | #0C3 | #0C6 | #0C9 | #0CC | #0CF | #0F0 | #0F3 | #0F6 | #0F9 | #0FC | #0FF |
| #3C0 | #3C3 | #3C6 | #3C9 | #3CC | #3CF | #3F0 | #3F3 | #3F6 | #3F9 | #3FC | #3FF |
| #6C0 | #6C3 | #6C6 | #6C9 | #6CC | #6CF | #6F0 | #6F3 | #6F6 | #6F9 | #6FC | #6FF |
| #9C0 | #9C3 | #9C6 | #9C9 | #9CC | #9CF | #9F0 | #9F3 | #9F6 | #9F9 | #9FC | #9FF |
| #CC0 | #CC3 | #CC6 | #CC9 | #CCC | #CCF | #CF0 | #CF3 | #CF6 | #CF9 | #CFC | #CFF |
| #FC0 | #FC3 | #FC6 | #FC9 | #FCC | #FCF | #FF0 | #FF3 | #FF6 | #FF9 | #FFC | #FFF |
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.
Siehe auch
Weblinks
- Eine Farbtabelle sortiert nach Schattierungen
- HTML Color Spectrum Chart
- Farbnamen des W3C
- Web Color Reference
- "Death of the Websafe Color Palette?", ein Artikel von David Lehn und Hadley Stern
- "the browser-safe web-palette", ein Abgesang auf die websicheren Farben von einer ihrer Propagandistinnen: Lynda Weinmann
- "VisiBone's "Web-Safe" Color Lab", beschreibt eine mehr intuitive Anordnung der websicheren Farben
- "RGB-Color Mixer Applet", Java-Plugin notwendig
- FarbFinder Ein JavaScript-Programm zum direkten einfärben einer HTML-Seite. Die Tabellen sind der natürlichen Wahrnehmung entsprechend dreidimensional sortiert.
- Weitere Farbtabellen
- Farbtabelle einer Homepage auslesen kostenloses Tool mit PDF oder HTML Ausgabe
- Webfarben Hexcodes Dynamische Tabelle der Webfarben und Farbe Pickerwerkzeug
- Zusammenpassende Farb-Schemata - sehr nützlich zur Auswahl passender Schattierungen
- http://www.metacolor.de Sehr gutes und umfangreiches Tutorial über Farben im Webdesign
- A3W Multimedia - Webcolors, verschiedene Ansichten und Farbrechner
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 – der gebräuchliche Wert für PCs. Macintosh-Rechner hingegen verwenden standardmäßig einen Gamma von 1,8.
| | Dieses Dokument entstammt in seiner ersten oder einer späteren Version der deutschsprachigen Wikipedia. Es ist dort zu finden unter dem Stichwort Webfarben, die Liste der bisherigen Autoren befindet sich in der Versionsliste; die Originalfassung kann dort auch bearbeitet werden. Alle Texte der Wikipedia und ihre Derivate stehen unter der GNU-Lizenz für freie Dokumentation. |
Kategorien: Wikipedia | HTML | Farbe
