Miten Laske värikontrasti

Hyvä väri kontrasti tekee web -sivuja luettavuutta . väri kuvake kuva Georgios Kollidas päässä Fotolia.com

värikontrastia web-sivun elementit, riippuu eroista niiden kirkkaustasot ja sävyjä.Jos kirkkaus ja värisävy erot kahden värit ovat yli tietyn kynnyksen, värit on riittävä kontrasti.Jos toinen tai molemmat toimenpiteet on alle kynnysarvon, World Wide Web Consortium suosittelee muutat väriä.Voit laskea värikontrastia jos tiedät RGB (punainen-vihreä-sininen) arvoja kaksi väriä.Verkkosivujen suunnittelusta tarpeeksi välinen kontrasti taustan ja tekstin parantaa käyttökokemusta.

laskeminen ero värin kirkkauden

  1. Merkitään punaisen, vihreän ja sinisen arvot tekstin väri R1, G1 ja B1 vastaavasti.Merkitään punainen, vihreä ja sininen arvot taustaväri R2, G2 ja B2 vastaavasti.

  2. Laske (299 R1 + 587 G1 + 114 B1) / 1000.Tämä on kirkkautta tekstin väri.Oletetaan esimerkiksi, että sinulla on tummanvihreä teksti, jossa R1 = 20, G1 = 100 ja B1 = 20, sitten tekstin väri kirkkaus on 66,96, koska (299 20 + 587 100 + 114 20) / 1000 = 66,96.

  3. Laske (299 R2 + 587 G2 + 114 B2) / 1000.Tämä on kirkkautta taustaväri.Oletetaan esimerkiksi, että sinulla on vaaleanpunainen tausta, jossa R2 = 255, G2 = 220 ja B2 = 240, niin taustaväri kirkkaus on 232,75, koska (299 255 + 587 220 + 114 240) / 1000 = 232,75.

  4. Laske ero kirkkaustasoja.Jos erotus on pienempi kuin 125, sinun on säädettävä yksi tai molemmat värit lisätä kirkkautta ero.Esimerkiksi, koska 232,75-+66,96 = 165,79, sinun ei tarvitse muuttaa väriä.

laskeminen Hue-ero

  1. Laske erotus punaisen arvojen kutakin väriä.Käyttämällä edellä olevassa esimerkissä, välinen ero punaisen arvot on 235, koska 255-20 = 235.

  2. Toista vaihe 1 vihreän ja sinisen arvot.Käyttäen esimerkkinä edellä, vihreä ero on 120 (koska 220-100 = 120), ja sininen ero on 220 (koska 240-20 = 220).

  3. Lisää kolme eroja, jolloin saatiin yhteensä sävyn ero.Jos värisävy ero on alle 500, sinun täytyy muuttaa yhden tai molemmat värejä.Esimerkiksi vuodesta 235 + 120 + 220 = 575, sinun ei tarvitse muuttaa väriä.

285
0
3
Ohjelmointikieltä