Ako vypočítať kontrast farieb

farebný kontrast z webových stránok prvkov závisí na rozdieloch medzi úrovňami jasu a ich odtieňov . Ak sú rozdiely jasu a odtieňa medzi dvoma farbami nad určitú prahovú hodnotu , farby majú dostatočný kontrast . Ak jeden alebo obaja opatrenie nižšie ako prah , World Wide Web Consortium odporúča meniť farby . Môžete vypočítať farebný kontrast , ak viete , RGB ( červená - zelená - modrá ) hodnoty dvoch farieb . Navrhovanie webových stránok s dostatočným kontrastom medzi pozadím a textom zlepšuje užívateľskú skúsenosť . Návod
Výpočet rozdiel vo farbe Jas
1

Označme červenej , zelenej a modrej hodnoty farby textu pomocou R1 , G1 a B1 , resp . Označme červenej , zelenej a modrej hodnoty farby pozadia u R2 , G2 a B2 , resp .
2

Compute ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . To je jas farbu textu . Predpokladajme napríklad , že máte tmavo zelený text , kde R1 = 20 , G1 = 100 a B1 = 20 , potom jas farby textu je 66.96 , pretože ( 299 * 20 + 587 * 100 + 114 * 20 ) /1000 = 66,96 .

3

Compute ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . To je jas farby pozadia . Predpokladajme napríklad , že máte svetlo ružové pozadie , kde R2 = 255 , G2 = 220 a B2 = 240 , potom farbu pozadia jas je 232.75 , pretože (299 * 255 + 587 * 220 + 114 * 240) /1000 = 232,75 .
4

Vypočítajte rozdiel medzi úrovňami jasu . Ak je rozdiel menší ako 125 , musíte nastaviť jednu alebo obe farby pre zvýšenie rozdielu jasu . Napríklad od 232,75 do 66,96 = 165,79 , nemusíte meniť farby
Výpočet Odtieň rozdiel
5

Vypočítajte rozdiel medzi červeným hodnoty každého z nich . farba . Na príklade vyššie , rozdiel medzi červenou hodnôt je 235 od 255 - . 20. = 235
6

Opakujte krok 1 k zelenej a modrej hodnoty . Pomocou vyššie uvedený príklad , zelená rozdiel je 120 ( od 220 do 100 = 120 ) , a modrá rozdiel je 220 ​​( od 240-20 = 220 ) .
7

Pridať tri rozdiely získať celkový odtieň rozdiel . Je-li odtieň rozdiel je menší ako 500 , budete musieť zmeniť jeden alebo obaja z farieb . Napríklad , od 235 + 120 + 220 = 575 , nemusíte meniť farby .

• Predchádzajúca strana: Qt Designer Návody 
• Ďalšia strana: Systémové požiadavky pre Visual Studio 2008 Express