WCAG värvikontrasti suhte kalkulaator
Mõõda WCAG kontrastisuhe esiplaani ja taustavärvi vahel, et kinnitada, et sinu tekst on loetav ja ligipääsetav.
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
Kuidas see kalkulaator töötab?
WCAG kontrastisuhe on (heledam heledus + 0,05) / (tumedam heledus + 0,05), ulatudes 1:1 kuni 21:1. Püüa AA nõuete täitmiseks vähemalt 4,5:1 tavalisele tekstile ja 3:1 suurele tekstile, või AAA jaoks 7:1 ja 4,5:1. Sisesta kaks hex-värvi, et kohe kontrollida.
Valem
How this is calculated
Sisesta esiplaani (teksti) hex-värv ja taustavärvi hex-väärtus. Aktsepteeritakse nii 3-kohalist lühikuju (#fff) kui ka 6-kohalist (#ffffff) kuju, nii eesoleva "#" märgiga kui ka ilma.
Iga värv teisendatakse suhteliseks heleduseks. 8-bitine kanali väärtus jagatakse 255-ga ja seejärel linearizeeritakse: kui tulemus s on kuni 0,03928, jagatakse see 12,92-ga, vastasel juhul saab sellest ((s + 0,055) / 1,055) astmes 2,4. Linearizeeritud punase, rohelise ja sinise väärtused kaalutakse vastavalt 0,2126, 0,7152 ja 0,0722 ning liidetakse, et saada heledus L. Kontrastisuhe on (Lheledam + 0,05) / (Ltumedam + 0,05), kus 0,05 liige modelleerib ümbritsevat valgust. Suhted ulatuvad 1:1 (identsed värvid) kuni 21:1 (puhas must puhasvalgel).
WCAG 2.1 lävendid määravad läbimistulemused: AA nõuab vähemalt 4,5:1 tavalisele tekstile ja 3:1 suurele tekstile (umbes 18pt või 14pt paks); AAA nõuab 7:1 tavalisele tekstile ja 4,5:1 suurele tekstile. Arvutus on sümmeetriline, seega esiplaani ja tausta vahetamine annab sama suhte. See hindab ainult värvi ega arvesta läbipaistvust, kantimist (anti-aliasing) ega kattuvaid kihte.
Korduma kippuvad küsimused
Vähemalt 4,5:1 tavalisele põhitekstile ja 3:1 suurele tekstile (umbes 18pt tavaline või 14pt paks). Rangema AAA taseme jaoks on vaja 7:1 tavaline ja 4,5:1 suur.
Ei. Valem kasutab heledamat ja tumedamat heledust olenemata sellest, millise värvi sa esiplaaniks märgid, seega kahe sisendi vahetamine annab sama suhte.
Puhasvalgel on suhteline heledus 1 ja puhasmustal 0. Asetades need valemisse (1 + 0,05) / (0 + 0,05) saame täpselt 21, mis on suurim saavutatav kontrast.
Tuntud ka kui
TG we-Calculate Editorial Team. (2026). WCAG värvikontrasti suhte kalkulaator [Online calculator]. TG we-Calculate. https://we-calculate.com/et/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG värvikontrasti suhte kalkulaator." TG we-Calculate. 2026. https://we-calculate.com/et/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG värvikontrasti suhte kalkulaator," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/et/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG värvikontrasti suhte kalkulaator}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/et/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Kas see kalkulaator aitas sind?