Top-Fragen
Zeitleiste
Chat
Kontext
Webfarbe
Farbe für die Gestaltung von Webseiten Aus Wikipedia, der freien Enzyklopädie
Remove ads
Webfarben sind Farben, die für die Gestaltung von Webseiten eingesetzt werden. Die Spezifikationen der Webbrowser bieten die Möglichkeit, die darstellbaren Farbvorgaben hexadezimal oder dezimal zu bezeichnen oder die browsereigenen Farbbezeichnungen zu nutzen.
Farbnotierungen in Stylesheets (CSS)
Zusammenfassung
Kontext
Webentwickler können eine Farbe innerhalb eines Stylesheets notieren.
RGB-Farbraum
Der zugrunde liegende Standard ist sRGB (siehe auch sRGB-Farbraum), der als Primärvalenzen die im ITU-R BT.709-5-Standard festgelegten Farbkoordinaten verwendet.
Farben des RGB-Farbraums sind in CSS-Syntax 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 % Deckkraft - 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 % Deckkraft */
CMYK-Farbraum
Ab CSS 3 können Farben außerdem nach dem CMYK-Farbmodell angegeben werden:[2]
p { color: device-cmyk(0.0, 0.95, 1, 0.1); } /* Rot */
Farbnamen
Vielen Farbwerten ist ein Name zugeordnet. Eine solche Angabe wird beispielsweise wie folgend notiert.
p { color: navy; /* Marineblau */ }
p { color: red; /* Rot */ }
Die Zuordnung der Farbwerte ist nachfolgend beschrieben.
Notierung mit Rückwärtskompatibilität
Da nur neuere Browser die rgba-, hsl(a)- und cmyk-Notierung interpretieren können, sollten Webentwickler eine „Fallback-Farbe“ definieren.
p {
color: red; /* Rückwärtskompatibilität */
color: cmyk(0.0, 0.95, 1, 0.1); /* Wird von modernen Browsern interpretiert */
}
Remove ads
Benannte Farben
Zusammenfassung
Kontext
Es gibt mehrere Standards, die den Hexadezimal-Codes einen Farbnamen zuordnen. So lassen sich definierte englische Farbnamen anstelle der Anteilswerte im RGB-Farbraum angeben. Die Nutzung solcher Namen erleichtert es dem Designer die Farbtöne nach eigener Wahrnehmung zu wählen, statt die unhandliche (formale) hexadezimale Notierung. Abhängig vom jeweiligen Standard ist die Anzahl an Farbnamen begrenzt, da diese naturgemäß bereits vorgegeben sein müssen.
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. Die Farben bisque (#FFE4C4) und blanchedalmond (#FFEBCD) stammen nicht von dort.
2014 wurde die Farbe rebeccapurple (#663399) in Erinnerung an Eric Meyers Tochter Rebecca, die an ihrem sechsten Geburtstag an einem Hirntumor starb, neu aufgenommen.[3][4]
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.
Remove ads
Websichere Farben
Zusammenfassung
Kontext
Mit Beginn der Webgestaltungen wurde eine Bezeichnungsgruppe von Farben als „websichere Farbpalette“ bezeichnet. Diese wurde Mitte der 1990er Jahre entwickelt, als Grafikkarten häufig bei voller Auflösung nur 16 oder 256 Farben anzeigen konnten[5]. Die Palette wurde zuerst durch Lynda Weinman vorgeschlagen. Das Ziel dieser Farbpalette war es, eine einheitliche Farbdarstellung auf unterschiedlichen Bildschirmen zu erreichen. Die sechs verschiedenen Farbtönungen jeder Grundfarbe des Bildschirms: Rot, Grün und Blau ergab 6 × 6 × 6 = 63 = 216 darstellbare Farben.
Der Spielraum für eine gute Farbgestaltung von Webseiten ist zwangsläufig eingeschränkt. Durch unzureichend kalibrierte Bildschirme und die subjektive Wahrnehmung des Betrachters konnte dieses Ziel von Gleichheit nicht erreicht werden. Spätestens seit dem Jahr 2000 können fast alle Grafikkarten eine ausreichend große Anzahl darstellen. Bei einer Notierung von 256 unterschiedenen Anteilen je der drei bildschirmbedingten Grundfarben ergeben sich 2563 also über 16,7 Millionen Farbdarstellungen. Dadurch hat die Palette der „websicheren Farben“ heute keine Bedeutung mehr.
Remove ads
Weblinks
- CSS-3-Farbnamen-Definitionen des W3C auf w3.org
- Paletton - The Color Scheme Designer – zusammenpassende Farb-Schemata, nützlich zur Auswahl passender Schattierungen
- www.metacolor.de – umfangreiches Tutorial über Farben im Webdesign
- Colorizer.org – umfangreicher Farbauswähler mit Umrechnungen (RGB, HEX, HSL, HSV/HSB, CMYK)
- html-colors.org – benannte Farben mit Dezimal- und Hexadezimalwerten in Tabellen, farblich gruppiert und sortiert nach Abstufungen
Remove ads
Einzelnachweise
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads