Der Farbkontrast der Webseiten-Elemente hängt von den Unterschieden zwischen den Helligkeitsstufen und ihre Farben. Wenn die Helligkeit und der Farbton zwischen zwei Farben über einer bestimmten Schwelle liegen , haben die Farben ausreichenden Kontrast . Wenn einer oder beide Maßnahmen unterhalb der Schwelle liegt , empfiehlt World Wide Web Consortium , dass Sie die Farben zu ändern. Sie können berechnen Farbkontrast , wenn Sie die RGB (Rot -Grün-Blau )-Werte von zwei Farben kennen. Gestaltung von Web- Seiten mit genügend Kontrast zwischen Hintergrund und Text verbessert User Experience. Anleitung
Berechnen der Differenz in Farbe Helligkeit
1
bezeichnen die roten, grünen und blauen Werte der Textfarbe von R1, G1 und B1 jeweils . Bezeichnen Sie die roten , grünen und blauen Werte der Hintergrundfarbe durch R2 , G2 und B2 sind.
2
Compute ( 299 * 587 * R1 + G1 + 114 * B1) /1000 . Dies ist die Helligkeit der Textfarbe. Angenommen, Sie haben dunkelgrünen Text mit R1 = 20 , G1 = 100 und B1 = 20, dann wird der Text Farbbrillanz ist 66.96 , da ( 299 * 20 + 587 * 100 + 114 * 20) /1000 = 66.96 .
3
Compute ( 299 * 587 * R2 + G2 + 114 * B2) /1000 . Dies ist die Helligkeit der Hintergrundfarbe. Angenommen, Sie haben einen hellrosa Hintergrund mit R2 = 255 , G2 = 220 und B2 = 240, dann die Hintergrundfarbe Helligkeit 232.75 , da ( 299 * 255 + 587 * 220 + 114 * 240) /1000 = 232.75 .
4
Berechnen Sie die Differenz zwischen den Helligkeitsstufen . Wenn die Differenz kleiner als 125 , müssen Sie eine oder beide passen Farben , um die Helligkeit zu erhöhen Unterschied . Zum Beispiel, weil 232,75-66,96 = 165.79 , die Sie nicht brauchen, um die Farben zu ändern
Berechnung Hue Difference
5
Berechnen Sie die Differenz zwischen den roten Werten von jedem. Farbe. Mit dem obigen Beispiel ist der Unterschied zwischen den roten Werten 235 da 255 - . = 20 235
6
Wiederholen Sie Schritt 1 für den grünen und blauen Werte . Mit dem obigen Beispiel ist die grüne Differenz 120 (seit 220 bis 100 = 120 ) , und der blaue Unterschied ist 220 (seit 240-20 = 220 ) .
7
Fügen Sie die drei Unterschiede zu erhalten der gesamte Farbton Unterschied . Wenn der Farbton Unterschied ist kleiner als 500, müssen Sie eine oder beide der Farben zu ändern. Zum Beispiel, weil 235 + 120 + 220 = 575 , die Sie nicht brauchen, um die Farben zu ändern.
