hvordan man beregner farvekontrast

Indlæg af Dorte Søndergaard Pe     opdateret: 2012-02-16

Farven kontrasten webside elementer afhænger af forskellene mellem deres lysstyrke niveauer og deres nuancer . Hvis lysstyrken 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ærsklen , World Wide Web Consortium anbefaler , at du ændrer farverne . Du kan beregne farvekontrast , hvis du kender RGB ( rød-grøn-blå ) værdier af to farver . Designe websider med nok kontrast mellem baggrunden og teksten forbedrer brugeroplevelsen .

Beregning Forskel i farvelysstyrken


1 .
betegne den røde , grønne og blå værdier tekstens farve ved R1 , G1 og B1 hhv. Betegne den røde , grønne og blå værdier baggrundsfarven af R2 , G2 og B2 hhv.
2 .
Beregn ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . Dette er lysstyrken af tekstens farve . For eksempel antage, at du har mørke grøn tekst hvor R1=20 , G1=100 og B1=20 , så teksten farvelysstyrken er 66 . 96 , da (299 * 20 + 587 * 100 + 114 * 20) /1000=66,96 .
3 .
Beregn ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . Dette er lysstyrken af baggrundsfarven . For eksempel , at du har en lys rosa 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 den ene eller begge farver for at øge lysstyrken forskel . For eksempel , da 232,75 til 66,96=165,79 , behøver du ikke at ændre farverne nu!

Beregning Hue Forskel


1
Beregn forskellen mellem den røde værdier . af hver farve . Brug eksemplet ovenfor , er forskellen mellem den røde værdier er 235 siden 255-. 20=235
2
Gentag trin 1 for de grønne og blå værdier . Ved hjælp af ovenstående eksempel , den grønne forskel er 120 ( siden 220 til 100=120 ) , og det blå forskel er 220 ( siden 240 til 20=220 ) .
3
Tilsæt tre forskelle for at opnå den totale nuance forskel . Hvis den nuance 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 .


Previous:hvordan du opretter forbindelse til JMS køen Next:hvordan man åbner en postsættet



 

Kommentarer

Code:
change