Fargekontrasten av nettsider elementer avhenger av forskjellene mellom deres lysstyrke og deres nyanser . Hvis lysstyrke og fargetone forskjellene mellom to farger er over en viss terskel , fargene har tilstrekkelig kontrast. Dersom en eller begge tiltakene er under sperregrensen , anbefaler World Wide Web Consortium at du endrer fargene . Du kan beregne fargekontrast hvis du vet RGB ( rød - grønn -blå ) verdier av to farger. Designe web-sider med nok kontrast mellom bakgrunnen og teksten forbedrer brukeropplevelsen. Instruksjoner
Beregning forskjell i farge Lysstyrke
en
Betegne de røde , grønne og blå verdier av teksten farge ved R1 , G1 og B1 hhv . Betegne de røde , grønne og blå verdier av bakgrunnsfarge ved R2 , G2 og B2 henholdsvis .
2
Compute ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . Dette er lysstyrken på tekst farge. For eksempel anta at du har mørk grønn tekst hvor R1 = 20 , G1 = 100 og B1 = 20, deretter teksten fargestyrke er 66.96 , siden ( 299 * 20 + 587 * 100 + 114 * 20 ) /1000 = 66.96 .
3
Compute ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . Dette er lysstyrken på bakgrunnsfarge. For eksempel anta at du har en lys rosa bakgrunn der R2 = 255 , G2 = 220 og B2 = 240 , så bakgrunnen fargestyrke er 232,75 , siden ( 299 * 255 + 587 * 220 + 114 * 240 ) /1000 = 232,75 .
4
Beregn forskjellen mellom lysstyrken. Hvis forskjellen er mindre enn 125 må man tilpasse en eller begge farger for å øke lysstyrken forskjell. For eksempel, siden 232,75 til 66,96 = 165,79 , trenger du ikke å endre fargene
Beregning Hue Differanse
5
Beregn differansen mellom de røde verdier av hver. farge. Ved å bruke eksempelet ovenfor , er forskjellen mellom de røde verdier 235 siden 255 - . 20 = 235
6
Gjenta trinn 1 for de grønne og blå verdier. Ved å bruke eksempelet ovenfor , er den grønne forskjellen 120 ( siden 220-100 = 120 ) , og den blå forskjellen er 220 ( siden 240-20 = 220 ) .
7
Legg de tre forskjeller å få den totale fargetone forskjell. Hvis hue forskjellen er mindre enn 500 , må du endre en eller begge fargene. For eksempel, siden 235 + 120 + 220 = 575 , trenger du ikke å endre fargene .
