Web-Farben-Analyse - Textkontrast berechnen
Bei der Farbwahl auf Internetseiten ist genauso wie bei herrkömlichen Printmedien auf ausreichenden Kontrast der Schriftfarben zum Hintergrund zu achten. Schwarz und Weiß haben dabei bekanntlich den stärksten Kontrast.
- 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)
Bitte wählen Sie die Farben:
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 (Roter Wert 1, Roter Wert 2)
- minimum (Roter Wert 1, Roter Wert 2)
)
+ (
maximum (Grüner Wert 1, Grüner Wert 2)
- minimum (Grüner Wert 1, Grüner Wert 2)
)
+ (
maximum (Blauer Wert 1, Blauer Wert 2)
- minimum (Blauer Wert 1, Blauer Wert 2)
)
