Testseite für Farbgestaltung

Es gibt viele gute Gründe, eine Seite farbig zu gestal­ten, z.B. zur bes­seren Les­bar­keit, zur Her­vor­he­bung mancher Pas­sagen oder um ein­fach eine be­stimmte Design-­Vorstellung um­zuset­zen.

Zum einen ist aller­dings zu be­denken, daß zu viele Far­ben schnell einen un­ruhigen Ein­druck hinter­lassen. Des weiteren sollte man sich darüber Ge­danken machen, ob be­stimmte Farb­kombi­natio­nen die Les­bar­keit einer Seite nicht herab­setzen. Knapp 8% der männlichen und rund 0,5% der weiblichen Bevölkerung sind von unterschiedlichen Formen von Farbenblindheit betroffen. Welche Auswirkung ungünstige Farbkombinationen haben, soll folgendes kleines Beispiel verdeutlichen:

Demonstration von Formen der Fehlsichtigkeit

Original fixiere Bild zum Mitscrollen (läuft nicht im IE)
Blindheit	Schwäche
Protanopie (Rotblindheit)	Protanomalie (Rotschwäche)
Deuteranopie (Grünblindheit)	Deuteranomalie (Grünschwäche)
Tritanopie (Blaublindheit)	Tritanomalie (Blauschwäche)
Trichromasie (komplette Farbenblindheit)	anomale Trichromasie (komplette Farbenschwäche)

Sicherlich ist dies ein extre­mes Bei­spiel, doch es gibt leider genü­gend Farb­kombi­natio­nen, welche gänz­lich unge­eignet für ein Seiten­design sind. Vor allem ist es wichtig, auf ein aus­gewo­genes Verhält­nis der Kon­traste zu achten.

Um das Resul­tat Deiner gewünsch­ten Farb­kombi­natio­nen zu sehen, kannst Du nun in folgen­dem Test­bereich die gewünsch­ten Werte ein­setzen. Hilfe bei der Farb­auswahl geben Dir die Farbpaletten und ein Colorpicker-Applet als pop-up. Bei der Ein­gabe der gewünsch­ten Schrift­art ist darauf zu achten, den exakten Namen an­zu­geben, bei­spiels­weise heisst eine oft verwandte Schrif­tart nicht comic, sondern comic sans ms. Groß- und Klein­schrei­bung spielen hier aller­dings keine Rolle. Die Namen der auf Deinem Rechner instal­lierten Schrift­arten findest Du üblicher­weise in dem Ordner C:\WINDOWS\FONTS (Windows 95/98) bzw. C:\WINNT\Fonts (Windows NT/2000/XP) oder /usr/share/fonts/ (Linux).

Wenn Du die Anzeige veränderst, er­scheint ein Feld, welches ein inline-­style-­Attribut mit den gesetz­ten Werten der ent­spre­chen­den Eigen­schaften unter­halb der Ein­gabe­maske anzeigt.

Es sind nicht für jede Schrift­art sämt­liche Varia­tionen verfüg­bar und nicht alle Browser unter­stützen alle Schrift­arten. In diesen Fällen werden in der Regel die default-­Einstel­lungen ange­zeigt.