Farbschema

Sie sind hier: Startseite › Templates › Farbschema

Zur barrierefreien Farbwahl wurde ein Farbschema erstellt, dass in allen Templates eingesetzt wird. Dadurch sind verschiedenste Farbkombinationen möglich, die auch bei Farbfehlsichtigkeiten wie Rot-, Grün- oder Blaublindheit einen ausreichenden Kontrast von Vorder- und Hintergrundfarbe gewährleisten.
Stand 15.10.2010

Inhaltsübersicht:

1. Farbschema der Templates
2. Kontrastanalyse des Template-Farbschemas

Farbschema der Templates

Die farbliche Gestaltung aller Template-Varianten unterliegt einem einheitlichen Farbschema (siehe nachfolgendes Bild). Verwendet werden die Farben Weiß (#ffffff), Grau (#f0eeeb), Schwarz (#000000), Hellblau (#efefff), Blau (#0000a3), Violett (#5d005d) und Rot (#b80000).

Bildbeschreibung "Farbschema der Web-Templates": Abbildung der in den Templates verwendeten Farben. Von links nach rechts: Weiß, Grau, Schwarz, Hellblau, Blau, Violett und Rot.

Seitenanfang

Kontrastanalyse des Template-Farbschemas

Die umgesetzten Farbkombinationen bieten ausreichende Kontraste und bestehen den Kontrast-Check mit dem in Artikel Kontrastanalyse vorgestellten Colour Contrast Analyser sowohl bei Normalsichtigkeit als auch bei Farbfehlsichtigkeiten wie Rot- (Protanopia), Grün- (Deuteranopia) oder Blaublindheit (Tritanopia). Geprüft wurden die Farbdifferenz (FD) mit einem Schwellwert-Ziel > 500 und die Helligkeitsdifferenz (HD) mit einem Schwellwert-Ziel > 125.

Kontrastanalyse der Templates

Farbkombination	Normal	Protanopia	Deuteranopia	Tritanopia
Blau-Hellblau (Vordergrund: #0000A3, Hintergrund: #EFEFFF)	FD: 570, HD: 222	FD: 532, HD: 200	FD: 520, HD: 193	FD: 578, HD: 197
Blau-Grau (Vordergrund: #0000A3, Hintergrund: #F0EEEB)	FD: 550, HD: 220	FD: 513, HD: 198	FD: 501, HD: 190	FD: 572, HD: 195
Violett-Hellblau (Vordergrund: #5D005D, Hintergrund: #EFEFFF)	FD: 547, HD: 202	FD: 597, HD: 205	FD: 532, HD: 181	FD: 552, HD: 190
Violett-Weiß (Vordergrund: #5D005D, Hintergrund: #FFFFFF)	FD: 579, HD: 217	FD: 630, HD: 220	FD: 565, HD: 195	FD: 594, HD: 204
Rot-Weiß (Vordergrund: #B80000, Hintergrund: #FFFFFF)	FD: 581, HD: 200	FD: 583, HD: 183	FD: 536, HD: 156	FD: 505, HD: 191
Schwarz-Grau (Vordergrund: #000000, Hintergrund: #F0EEEB)	FD: 713, HD: 238	FD: 711, HD: 237	FD: 712, HD: 237	FD: 715, HD: 238
Schwarz-Weiß (Vordergrund: #000000, Hintergrund: #FFFFFF)	FD: 765, HD: 255	FD: 763, HD: 254	FD: 764, HD: 254	FD: 763, HD: 254

Seitenanfang

Artikel-Übersicht 'Templates':

1. Seitenvorlagen und deren Farbschema
   • Seitenvorlagen

     Jede XHTML-Datei besteht aus einem Dokumentenkopf und einem Dokumentenkörper. Der Dokumentenkopf enthält Metadaten, die im Browser größtenteils nicht sichtbar sind, der Dokumentenkörper die sichtbaren Kopf-, Navigations-, Inhalts- und Fußbereiche.

   • Farbschema
2. Ausführliche Beschreibung der einzelnen Templates
   • Template 1.1
   • Template 1.2
   • Template 2.1
   • Template 2.2
   • Template 2.3
   • Template 2.4
   • Template 2.5
   • Template 2.6
   • Template 2.7
   • Template 3.1
   • Template 3.2
   • Template 3.3
3. Problematiken externer Vorlagen
   • Amazon Partnerprogramm
   • eBay Partnerprogramm