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)

Webentwickler können eine Farbe innerhalb eines Stylesheets notieren.

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 % */

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 */

p { color: device-cmyk(0.0, 0.95, 1, 0.1); } /* Rot */

p { color: navy; /* Marineblau */ }
p { color: red; /* Rot */ }

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 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.

Websichere Farben

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. 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 = 6³ = 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 256³ also über 16,7 Millionen Farbdarstellungen. Dadurch hat die Palette der „websicheren Farben“ heute keine Bedeutung mehr.

Weblinks

• CSS-3-Farbnamen-Definitionen des W3C auf w3.org
• Paletton - The Color Scheme Designer – zusammenpassende Farb-Schemata, nützlich zur Auswahl passender Schattierungen
• 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

Einzelnachweise

1. ↑ HSLA Colors auf css3.info
2. ↑ CMYK colors auf w3.org
3. ↑ Re: [CfC] adding 'rebeccapurple' color to CSS Color Level 4. 21. Juni 2014, abgerufen am 24. April 2021 (englisch). 
4. ↑ Eric Meyer: rebeccapurple. 19. Juni 2014, abgerufen am 24. April 2021 (englisch). 
5. ↑ Die ersten Consumer-Grafikkarten mit High-Color (32×32×32 Farben) und True-Color (256×256×256 Farben) als nettes Feature tauchten 1992 auf. Allerdings mit reduzierter Auflösung. Anfang 1996, als das WWW etwas bekannter wurde, waren an sich alle Windows-PC-Grafikkarten in der Lage bei akzeptabler Auflösung und Wiederholrate mindestens 32768 Farben darzustellen. Allerdings unterstützten viele UNIX-Workstations weiterhin nur 256 Farben und man konnte die Farbtiefe unter Windows aus Performance-Gründen reduzieren.
6. ↑ In der Tabelle ist jeder aufgeführten Farbcode der RGB-Hex-Wert in seiner CSS-Kurzform; so entspricht zum Beispiel #609 = rgb(102, 0, 153) oder hex. #660099. Siehe auch CSS: Use Shorthand Hex Colors (engl.) und en:Web colors #Shorthand hexadecimal form (engl.)