Hoe te Color Contrast berekenen

Goede kleur contrast maakt webpagina kleurenbeeld pictogram van Georgios Kollidas uit Fotolia.com

De kleur contrast van web-pagina-elementen hangt af van de verschillen tussen hun helderheid en hun tinten.Als de helderheid en kleurtoon verschillen tussen twee kleuren boven een bepaalde drempel, de kleuren voldoende contrast.Indien één of beide maatregelen is onder de drempel, World Wide Web Consortium raadt u aan de kleuren te veranderen.U kunt kleurcontrast uitrekenen als je weet dat de RGB (rood-groen-blauw) waarden van twee kleuren.Ontwerpen van webpagina's met voldoende contrast tussen de achtergrond en de tekst verbetert de gebruikerservaring.

berekenen verschil in kleur helderheid

  1. duiden.Geven de rode, groene en blauwe waarden van de achtergrondkleur respectievelijk R2, G2 en B2.

  2. Compute (299 R1 + 587 G1 + 114 B1) / 1000.Dit is de helderheid van de tekstkleur.Stel bijvoorbeeld dat je donkergroene te

    kst waarin R1 = 20, G1 = 100 en B1 = 20, dan is de tekst helderheid van kleur is 66,96, omdat (299 20 + 587 100 + 114 20) / 1000 = 66,96.

  3. Compute (299 R2 + 587 G2 + 114 B2) / 1000.Dit is de helderheid van de achtergrondkleur.Stel bijvoorbeeld dat u een lichte roze achtergrond waarbij R2 = 255, G2 = 220 en B2 = 240, dan is de achtergrond kleur helderheid is 232,75, omdat (299 255 + 587 220 + 114 240) / 1000 = 232,75.

  4. Bereken het verschil tussen de niveaus van helderheid.Indien het verschil kleiner is dan 125, moet een of beide kleuren passen aan het verschil in helderheid te verhogen.Bijvoorbeeld, omdat 232,75-66,96 = 165,79, hoeft u niet om de kleuren te veranderen.

berekenen Hue Verschil

  1. Bereken het verschil tussen de rode waarde van elke kleur.In het bovenstaande voorbeeld, het verschil tussen de rode waarden 235 sinds 255 - 20 = 235

  2. Herhaal stap 1 voor de groene en blauwe waarden.In het bovenstaande voorbeeld, de groene verschil 120 (omdat 220 - 100 = 120) en de blauwe verschil 220 (omdat 240 - 20 = 220).

  3. Voeg de drie verschillen met de totale tint verschil te verkrijgen.Als de tint verschil kleiner is dan 500, moet u een of beide van de kleuren veranderen.Bijvoorbeeld, omdat 235 + 120 + 220 = 575, hoeft u niet om de kleuren te veranderen.

700
0
3
Computer Programmeertalen