Siirry sisältöön
helpyself

Kontrastin korjaaja

Local only — nothing is uploaded unless you save or share it.

Värikontrastin korjaaja — lähin saavutettava väri joka läpäisee WCAG AA:n.

  1. Syötä tekstin väri ja taustan väri jotka kaatuvat.
  2. Valitse tarvitsemasi WCAG-taso — AA on tavallinen tavoite leipätekstille.
  3. Valitse kumpi väri saa muuttua, tai anna sen siirtää kumpi on lähempänä.
  4. Kopioi ehdotettu väri, tai poimi listalta toinen vaihtoehto.
Tallenna tämä työkalu

Pidä Kontrastin korjaaja käden ulottuvilla

Lisää kirjanmerkkeihin

Tietoa työkalusta

Sen tietäminen että väripari kaatuu on vasta puoli vastausta. Tämä on kontrastin korjaaja toista puolta varten: anna sille kaatuva pari ja se palauttaa lähimmän saavutettavan värin joka läpäisee. Kontrastintarkistin kertoo että 3,1:1 ei riitä ja jättää sinut arvailemaan sävyjä kunnes jokin osuu — ja juuri niin brändivärit muuttuvat huomaamatta siksi mikä sattui ensin läpäisemään. Tämä löytää lähimmän värin joka toimii. Se siirtää vaaleutta eikä mitään muuta, joten sävysi ja kylläisyytesi säilyvät: tulos on tunnistettavasti se väri jonka valitsit, hieman vaaleampana tai tummempana, eikä eri väri joka sattuu ylittämään riman. Ja se katsoo jokaisen sallitun vaaleuden sen sijaan että pysähtyisi ensimmäiseen onnistumiseen, joten väri joka tarvitsee vain 3 prosentin muutoksen saa 3 prosentin muutoksen. Sinä valitset kumpi väri saa liikkua. Brändipaletit yleensä lyövät toisen lukkoon — tausta on sivu, tai tekstin väri on logo — eikä ehdotuksesta joka muuttaa väärää ole mitään hyötyä. Pyydä korjaus tekstiin, taustaan tai kumpi tahansa on lähempänä. Kaikki neljä WCAG-luokkaa ovat täällä: AA 4,5:1 leipätekstille, AA suuri 3:1 otsikoille joissa on 18 pistettä tai 14 pistettä lihavoituna, ja tiukemmat AAA-tasot 7:1 ja 4,5:1. Kaikki toimii selaimessasi.

Usein kysyttyä

Miksi se muuttaa vain vaaleutta?

Koska kontrasti on suhteellisen luminanssin funktio, ja sävystä, kylläisyydestä ja vaaleudesta vain vaaleus liikuttaa luminanssia merkittävästi. Sävyn muuttaminen tuottaisi värin joka läpäisee eikä ole sinun. Sävyn ja kylläisyyden säilyttäminen tarkoittaa että korjaus näyttää yhä valitsemaltasi väriltä.

Mikä on lähin läpäisevä väri?

Se jonka vaaleus liikkui vähiten. Jokainen arvo nollasta sataan kokeillaan ja pienin muutos joka ylittää tasosi voittaa, joten sinua ei koskaan pyydetä menemään tummemmaksi kuin on tarpeen.

Entä jos mikään ei läpäise?

Se sanoo sen. Keskiharmaata taustaa vasten AAA 7:1 on saavuttamattomissa jopa puhtaalla mustalla tai valkoisella — mikään minkään värin sävy ei siihen yllä. Rehellinen vastaus on silloin muuttaa toista väriä, ja juuri sitä varten säätövalinta on.

Mihin WCAG-tasoon kannattaa tähdätä?

AA 4,5:1 tavalliselle leipätekstille on useimmissa paikoissa lakisääteinen vaatimus, mukaan lukien EU:n saavutettavuusdirektiivi. AAA 7:1 kannattaa tavoitteeksi pitkään luettavalle. Suuri teksti — 18 pistettä tai 14 pistettä lihavoituna — saa AA:ssa 3:1.

Korvaako tämä kontrastintarkistimen?

Ei, se tulee sen perään. Tarkistin kertoo missä olet ja mitä tasoja vasten; tämä kertoo mitä kaatumiselle tehdään. Ne jakavat saman kontrastimatematiikan, joten nuo kaksi eivät koskaan ole keskenään eri mieltä.

Auta parantamaan tätä työkalua

Löysitkö virheen, kaipaatko muutosta vai puuttuuko jokin työkalu?

/contrast-fixer

↑↓ liikkuminen · Enter avaa · Esc sulkee