Sådan Beregn Color Contrast

God farve kontrast gør websider mere læsevenlig . farve ikon billede af Georgios Kollidas fra Fotolia.com

Farven kontrast af web sideelementer afhænger af forskellene mellem deres lysstyrke niveauer og deres nuancer.Hvis lysstyrke og nuance forskelle mellem to farver er over en vis tærskel, farverne har tilstrækkelig kontrast.Hvis en eller begge foranstaltninger er under tærskelværdien, World Wide Web Consortium anbefaler, at du ændre farverne.Du kan beregne farvekontrast, hvis du kender RGB (rød-grøn-blå) værdierne af to farver.Designe websider med tilstrækkelig kontrast mellem baggrunden og teksten forbedrer brugeroplevelsen.

Beregning forskel i farve Lysstyrke

  1. betegne den røde, grønne og blå værdier af tekstens farve ved R1, G1 og B1 henholdsvis.Betegne røde, grønne og blå værdier baggrundsfarven af ​​R2, G2 og B2 henholdsvis.

  2. Compute (299 R1 + 587 G1 + 114 B1) / 1000.Dette er lysstyrken af ​​teksten farve.For eksempel antage, at du har mørkegrønne tekst, hvor R1 = 20, G1 = 100 og B1 = 20, så tekstfarve

    n lysstyrken er 66,96, da (299 20 + 587 100 + 114 20) / 1000 = 66,96.

  3. Compute (299 R2 + 587 G2 + 114 B2) / 1000.Dette er lysstyrken af ​​baggrundsfarven.For eksempel antage, at du har en lys pink baggrund, hvor R2 = 255, G2 = 220 og B2 = 240, så baggrundsfarven lysstyrken er 232,75, da (299 255 + 587 220 + 114 240) / 1000 = 232,75.

  4. Beregn forskellen mellem de lysstyrker.Hvis forskellen er mindre end 125, skal du justere en eller begge farver for at øge forskellen lysstyrke.For eksempel, da 232,75-66,96 = 165,79, behøver du ikke at ændre farverne.

Beregning Hue Forskel

  1. Beregn forskellen mellem de røde værdier af hver farve.Ved hjælp af ovenstående eksempel, at forskellen mellem de røde værdier er 235 siden 255-20 = 235.

  2. Gentag trin 1 for de grønne og blå værdier.I eksemplet ovenfor er den grønne forskel er 120 (siden 220 - 100 = 120), og den blå forskellen er 220 (siden 240 - 20 = 220).

  3. Tilsæt tre forskelle for at opnå den totale nuance forskel.Hvis farvetonen forskellen er mindre end 500, skal du ændre en eller begge af farverne.For eksempel, da 235 + 120 + 220 = 575, behøver du ikke at ændre farverne.

22
0
3
Computer Programmeringssprog