Kuidas arvutada värvikontrast

Hea värvi kontrast muudab veebilehekülgede loetavamaks . värvi ikoonipilti Georgios Kollidas alates Fotolia.com

värv kontrasti veebilehe elemendid sõltub erinevused nende heleduse tase ja nende toonid.Kui heleduse ja värvitooni erinevused kahe värvi on ületanud teatud künnise, värvid on piisav kontrast.Kui üks või mõlemad meetmed on alla künnise, World Wide Web Consortium soovitab muuta värve.Võite arvutada värvi kontrasti, kui sa tead, RGB (punane-roheline-sinine) väärtused kaks värvi.Projekteerimine veebilehti piisavalt kontrast tausta ja teksti parandab kasutaja kogemus.

arvutamine Erinevus värviheledust

  1. tähistavad punane, roheline ja sinine väärtused teksti värvi R1, G1 ja B1 vastavalt.Tähistame punane, roheline ja sinine väärtused taustavärvi R2, G2 ja B2 võrra.

  2. Arvuta (299 R1 + 587 G1 + 114 B1) / 1000.See on heledus teksti värvi.Oletame näiteks, et sul on tumeroheline teksti, kus R1 = 20, G1 = 100 ja B1 = 20, siis teksti värvi heledus on 66,96, kuna (299 20 + 587 100 + 114 20) / 1000 = 66,96.

  3. Arvuta (299 R2 + 587 G2 + 114 B2) / 1000.See on heledus taustavärvi.Oletame näiteks, et sul on heleroosa taust, kus R2 = 255, G2 = 220 ja B2 = 240, siis tausta värvi heledus on 232,75, kuna (299 255 + 587 220 + 114 240) / 1000 = 232,75.

  4. Arvuta vahe heleduse taset.Kui erinevus on väiksem kui 125, siis tuleb reguleerida ühe või mõlemad värvid heleduse suurendamiseks vahe.Näiteks alates 232,75-66,96 = 165,79, siis ei ole vaja muuta värvi.

arvutamine Hue Difference

  1. Arvuta vahe punane väärtused iga värv.Ülaltoodud näite, vahe punane väärtused on 235 alates 255-20 = 235.

  2. Korrake sammu 1 roheline ja sinine väärtusi.Ülaltoodud näite, roheline vahe on 120 (alates 220-100 = 120) ja sinine erinevus on 220 (alates 240-20 = 220).

  3. Lisa kolmest erinevusi, et saada kokku tooni erinevust.Kui tooni vahe on väiksem kui 500, sa pead muutma ühe või mõlemad värvid.Näiteks alates 235 + 120 + 220 = 575, siis ei ole vaja muuta värvi.

344
0
3
Programmeerimine Keeled