Farbkombination auf Webtauglichkeit prüfen
Mit diesem Tool können Sie Vorder- und Hintergrundfarbe auf Kompatibilät hinsichtlich der Lesbarkeit auf Webseiten überprüfen.
Texte und Bedienelemente auf Internetseiten sollten farblich mit ausreichend Kontrast dargestellt werden.
Für die Farbwert-Berechung gilt:
- Der Unterschied zwischen Hintergrundhelligkeit und Vordergrundhelligkeit sollte größer als 125 sein. (Luminanz)
- Der Unterschied zwischen Hintergrundfarbe und Vordergrundfarbe sollte größer als 500 sein. (Farbdifferenz)
Wie funktioniert die Berechnung?
Zur Berechnung werden die Farbstrings (z.B.: #FFaa88) in ihre 3 Farbbestandteile zerlegt. FF für den roten, aa für den grünen und 88 für den blauen Anteil der Farbe. Die Farbluminanz oder Helligkeit berechnet sich nach der, von der W3C vorgegebenen Formel:
Luminance = (( roter Wert * 299) + ( grüner Wert * 587) + ( blauer Wert * 114)) / 1000
Die Farbdifferenz berechnet sich ebenfalls nach einer Formel des W3C:
Difference = (maximum (Red value 1, Red value 2) - minimum (Red value 1, Red value 2))
+ (maximum (Green value 1, Green value 2) - minimum (Green value 1, Green value 2))
+ (maximum (Blue value 1, Blue value 2) - minimum (Blue value 1, Blue value 2))
Kommentare
-
metin schrieb am 14.10.08
süß!!!