Het kleurcontrast van webpagina -elementen hangt af van de verschillen tussen hun helderheid en hun tinten . Als de helderheid en kleurtoon verschillen tussen twee kleuren zijn boven een bepaalde drempel , de kleuren voldoende contrast . Als een of beide maatregelen 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 . Instructies
berekenen Verschil in kleur helderheid
1 Duiden de rode , groene en blauwe waarden van de tekstkleur door R1 , respectievelijk G1 en B1 . Geven de rode , groene en blauwe waarden van de achtergrondkleur door R2 , G2 en B2 respectievelijk . Kopen van 2 Compute ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . Dit is de helderheid van de tekstkleur . Bijvoorbeeld , stel dat je een donkergroene tekst waarin R1 = 20 , G1 = 100 en B1 = 20 , dan is de helderheid van de kleuren tekst is 66,96 , omdat ( 299 * 20 + 587 * 100 + 114 * 20 ) /1000 = 66,96 . < br >
Compute ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . 3 Dit is de helderheid van de achtergrond kleur . Bijvoorbeeld , stel je hebt een lichte roze achtergrond waarbij R2 = 255 , G2 = 220 en B2 = 240 , dan is de achtergrond kleur helderheid is 232,75 , aangezien ( 299 * 255 + 587 * 220 + 114 * 240 ) /1000 = 232,75 .
4 Bereken het verschil tussen de niveaus van helderheid . Als het verschil kleiner is dan 125 , moet u een of beide kleuren aanpassen aan de helderheid verschil te vergroten . Bijvoorbeeld, omdat 232,75-66,96 = 165,79 , hoeft u niet om de kleuren te veranderen
Berekening Hue Difference
5 Bereken het verschil tussen de rode waarden van elk . kleur . In het bovenstaande voorbeeld , het verschil tussen de rode waarden is 235 sinds 255 - . 20 = 235
6 Herhaal stap 1 voor de groene en blauwe waarden . In het bovenstaande voorbeeld , de groene verschil is 120 ( sinds 220-100 = 120 ) , en de blauwe verschil is 220 ( sinds 240-20 = 220 ) .
7 In de drie verschillen te verkrijgen de totale tint verschil . Als de tint verschil is minder dan 500 , moet u een van de kleuren of beide wijzigen . Bijvoorbeeld, omdat 235 + 120 + 220 = 575 , hoeft u niet om de kleuren te veranderen .
|
