Testaa tekstin ja taustan värin ohje

Värien selkeä kontrasti tekee sivuston helppolukuiseksi ja miellyttäväksi. Kyse on kirkkauserosta kahden värin välillä jossa kynnystaso on 125, ja värierosta tekstin ja taustavärin välillä, jossa kynnystaso on 500.

Voit kokeilla täyttävätkö tekstin ja taustan värit W3 2.0 -vaatimukset. Jos täyttävät, tiedät sivusi olevan selkeä ja helppolukuinen eri näytöillä ja näyttölaitteilla.

Testaa tekstin ja taustan väri

Voit antaa väriarvosi Rbb tai html värinä, tai valita tekstin ja taustan värit värikartasta.

Kun olet antanut väriarvot, näet väriarvot html ja Rgb väriarvoina

esim. tausta #87CEFF ja teksti #4B0082

Mallissa on valitsemasi taustan ja teksti väri. Sekä sen alla tekstillisesti onko kontrasti ja kirkkausero riittävä.

Voit muokata taustan tai tekstin väriä, valitsemalla uuden värin värikartasta, tai syöttämällä uuden värin arvot.

Lisäksi ohjelma näyttää niin taustan, kun teksti osalta Rgb väriä vastaavan punaisen, vihreän ja sinisen värin väriarvon ja värien lähiarvon. Esimerkin värimme on taustaltaan 135.206.255 ja tekstin 75.0.130, joka on

Kontrasti on riittävä, minimi on 125 ja

taustan ja tekstin väriero on 153

Kirkkausero ei ole riittävä, minimi on 500 ja

tekstin ja taustan ero on 391

Joten joudumme säätämään värejä. Mutta haluamme taustan olevan sininen,

Värien lähiarvoilla voimme vahvistaa tai laimentaa väriä. Värin yläpuolella kerrotaan värin numeron, jolla näet oman värin. valitsemalla haluamasi lähiarvon, saat säädettyä väriä tarkkaan

Tai väritaulusta saamme nopeasti sopivan tekstin tai taustan värin.

Tarkemmat tiedot väristä saat värikartan avulla

Testaa tekstin ja taustan väri