WCAG-värikontrastisuhteen laskuri
Mittaa WCAG-kontrastisuhde etu- ja taustavärin välillä varmistaaksesi, että tekstisi on luettavaa ja saavutettavaa.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Miten tämä laskin toimii?
WCAG-kontrastisuhde on (vaaleamman luminanssi + 0,05) / (tummemman luminanssi + 0,05), vaihteluvälillä 1:1–21:1. Tavoittele vähintään 4,5:1 normaalille tekstille ja 3:1 suurelle tekstille AA-tason täyttämiseksi, tai 7:1 ja 4,5:1 AAA-tasolle. Syötä kaksi heksaväriä tarkistaaksesi heti.
Kaava
How this is calculated
Syötä etualan (tekstin) heksaväri ja taustan heksaväri. Sekä 3-numeroinen lyhennemuoto (#fff) että 6-numeroinen (#ffffff) hyväksytään, etuliitteellä "#" tai ilman.
Kukin väri muunnetaan suhteelliseksi luminanssikseen. 8-bittinen kanava-arvo jaetaan 255:llä ja linearisoidaan sitten: jos tulos s on enintään 0,03928, se jaetaan luvulla 12,92, muuten siitä tulee ((s + 0,055) / 1,055) korotettuna potenssiin 2,4. Linearisoidut puna-, viher- ja sinikanavat painotetaan kertoimilla 0,2126, 0,7152 ja 0,0722 ja summataan luminanssiksi L. Kontrastisuhde on (Lvaaleampi + 0,05) / (Ltummempi + 0,05), jossa termi 0,05 mallintaa ympäristön hajavaloa. Suhteet vaihtelevat välillä 1:1 (samat värit) ja 21:1 (puhdas musta puhtaalla valkoisella).
WCAG 2.1 -kynnysarvot määräävät läpäisytulokset: AA vaatii vähintään 4,5:1 normaalille tekstille ja 3:1 suurelle tekstille (noin 18 pt tai 14 pt lihavoitu); AAA vaatii 7:1 normaalille tekstille ja 4,5:1 suurelle tekstille. Laskenta on symmetrinen, joten etu- ja taustavärin vaihtaminen antaa saman suhteen. Se arvioi vain väriä eikä ota huomioon läpinäkyvyyttä, reunanpehmennystä tai päällekkäisiä kerroksia.
Usein kysytyt kysymykset
Vähintään 4,5:1 normaalille leipätekstille ja 3:1 suurelle tekstille (noin 18 pt normaali tai 14 pt lihavoitu). Tiukemmalle AAA-tasolle tarvitset 7:1 normaalille ja 4,5:1 suurelle.
Ei. Kaava käyttää vaaleampaa ja tummempaa luminanssia riippumatta siitä, minkä värin merkitset etualaksi, joten kahden syötteen vaihtaminen tuottaa saman suhteen.
Puhtaan valkoisen suhteellinen luminanssi on 1 ja puhtaan mustan 0. Näiden sijoittaminen kaavaan (1 + 0,05) / (0 + 0,05) antaa tasan 21, suurimman saavutettavissa olevan kontrastin.
Tunnetaan myös nimellä
TG we-Calculate Editorial Team. (2026). WCAG-värikontrastisuhteen laskuri [Online calculator]. TG we-Calculate. https://we-calculate.com/fi/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG-värikontrastisuhteen laskuri." TG we-Calculate. 2026. https://we-calculate.com/fi/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG-värikontrastisuhteen laskuri," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fi/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG-värikontrastisuhteen laskuri}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fi/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Oliko tästä laskimesta sinulle apua?