Jak obliczyć kontrast koloru

Admin 0 Views 0 comments
Advertisement

Jak obliczyć kontrast koloru


Kolor kontrastu elementów strony internetowej zależy od różnic między ich poziomami jasności i ich odcieniami. Jeśli różnice jasności i barwy między dwoma kolorami są powyżej określonego progu, kolory mają wystarczająco kontrastowy kontrast. Jeśli jeden lub oba środki są poniżej progu, konsorcjum World Wide Web zaleca zmianę kolorów. Możesz obliczyć kontrast kolorów, jeśli znasz wartości RGB (czerwono-niebiesko-niebieskie) w dwóch kolorach. Projektowanie stron internetowych z wystarczającym kontrastem między tłem a tekstem poprawia komfort użytkowania.

Obliczanie różnicy w jasności kolorów

Oznaczaj czerwone, zielone i niebieskie wartości koloru tekstu odpowiednio R1, G1 i B1. Oznaczaj czerwone, zielone i niebieskie wartości koloru tła odpowiednio odpowiednio dla R2, G2 i B2.

Oblicz (299 R1 + 587 G1 + 114 B1) / 1000. Jest to jasność koloru tekstu. Załóżmy na przykład, że masz ciemnozielony tekst, gdzie R1 = 20, G1 = 100 i B1 = 20, to jasność koloru tekstu wynosi 66,96, ponieważ (299 20 + 587 100 + 114 20) / 1000 = 66,96.

Oblicz (299 R2 + 587 G2 + 114 B2) / 1000. Jest to jasność koloru tła. Załóżmy na przykład, że masz jasnoróżowe tło, gdzie R2 = 255, G2 = 220 i B2 = 240, a następnie jasność koloru tła wynosi 232,75, ponieważ (299 255 + 587 220 + 114 240) / 1000 = 232,75.

Obliczyć różnicę między poziomami jasności. Jeśli różnica jest mniejsza niż 125, konieczne jest dostosowanie jednego lub obu kolorów, aby zwiększyć różnicę jasności. Na przykład od 232.75 - 66.96 = 165.79 nie trzeba zmieniać kolorów.

Obliczanie różnicy róży

Obliczyć różnicę między czerwonymi wartościami każdego koloru. Przy użyciu powyższego przykładu różnica między czerwonymi wartościami wynosi 235 od 255 - 20 = 235.

Powtórz krok 1 dla zielonych i niebieskich wartości. Przy powyższym przykładzie różnica zielona wynosi 120 (od 220 do 100 = 120), a niebieska różnica wynosi 220 (od 240 do 20 = 220).

Dodaj trzy różnice, aby uzyskać całkowitą różnicę barwy. Jeśli różnica odcienia jest mniejsza niż 500, musisz zmienić jedną lub obydwie kolory. Na przykład od 235 + 120 + 220 = 575 nie musisz zmieniać kolorów.


Pktree all rights reserved, if not specified, are original, reproduced need to indicate the source.