Kalkulator WCAG omjera kontrasta boja
Izmjerite WCAG omjer kontrasta između boje teksta i pozadine kako biste potvrdili da je vaš tekst čitljiv i pristupačan.
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
Kako radi ovaj kalkulator?
WCAG omjer kontrasta je (svjetlija luminancija + 0.05) / (tamnija luminancija + 0.05), u rasponu od 1:1 do 21:1. Ciljajte na najmanje 4.5:1 za normalni tekst i 3:1 za veliki tekst kako biste zadovoljili AA, ili 7:1 i 4.5:1 za AAA. Unesite dvije heks boje za trenutnu provjeru.
Formula
How this is calculated
Unesite heks boju teksta (prednju) i heks boju pozadine. Prihvaćaju se i 3-znamenkasti skraćeni oblik (#fff) i 6-znamenkasti (#ffffff), sa ili bez vodećeg "#".
Svaka boja pretvara se u svoju relativnu luminanciju. 8-bitna vrijednost kanala dijeli se s 255, zatim linearizira: ako je rezultat s manji ili jednak 0.03928, dijeli se s 12.92, inače postaje ((s + 0.055) / 1.055) na potenciju 2.4. Linearizirane vrijednosti crvene, zelene i plave množe se redom s 0.2126, 0.7152 i 0.0722 te zbrajaju kako bi dale luminanciju L. Omjer kontrasta je (Lsvjetliji + 0.05) / (Ltamniji + 0.05), gdje član 0.05 modelira ambijentalni odsjaj. Omjeri se kreću od 1:1 (identične boje) do 21:1 (čisto crna na čisto bijeloj).
Pragovi WCAG 2.1 određuju rezultate prolaza: AA zahtijeva najmanje 4.5:1 za normalni tekst i 3:1 za veliki tekst (otprilike 18pt, ili 14pt podebljano); AAA zahtijeva 7:1 za normalni tekst i 4.5:1 za veliki tekst. Izračun je simetričan, pa zamjena prednje boje i pozadine daje isti omjer. Vrednuje samo boju i ne uzima u obzir prozirnost, izglađivanje rubova ni preklapajuće slojeve.
Često postavljana pitanja
Najmanje 4.5:1 za normalni tekst tijela i 3:1 za veliki tekst (oko 18pt obični ili 14pt podebljani). Za stroži AAA stupanj potrebno je 7:1 za normalni i 4.5:1 za veliki tekst.
Ne. Formula koristi svjetliju i tamniju luminanciju neovisno o tome koju boju označite kao prednju, pa zamjena dvaju ulaza daje isti omjer.
Čisto bijela ima relativnu luminanciju 1, a čisto crna 0. Uvrštavanjem u (1 + 0.05) / (0 + 0.05) dobiva se točno 21, najviši dostižni kontrast.
Poznato i kao
TG we-Calculate Editorial Team. (2026). Kalkulator WCAG omjera kontrasta boja [Online calculator]. TG we-Calculate. https://we-calculate.com/hr/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Kalkulator WCAG omjera kontrasta boja." TG we-Calculate. 2026. https://we-calculate.com/hr/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Kalkulator WCAG omjera kontrasta boja," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/hr/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Kalkulator WCAG omjera kontrasta boja}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/hr/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Je li vam ovaj kalkulator pomogao?