Kalkulačka kontrastného pomeru farieb WCAG
Zmerajte kontrastný pomer WCAG medzi farbou popredia a pozadia, aby ste overili čitateľnosť a prístupnosť textu.
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
Ako táto kalkulačka funguje?
Kontrastný pomer WCAG je (jas svetlejšej farby + 0,05) / (jas tmavšej farby + 0,05) v rozsahu od 1:1 do 21:1. Cieľom je aspoň 4,5:1 pre normálny text a 3:1 pre veľký text (úroveň AA), alebo 7:1 a 4,5:1 pre AAA. Zadajte dve hex farby a okamžite skontrolujte výsledok.
Vzorec
How this is calculated
Zadajte hex farbu popredia (textu) a hex farbu pozadia. Akceptujú sa trojciferné skratky (#fff) aj šesťciferné kódy (#ffffff), so znakmi „#“ alebo bez nich.
Každá farba sa prevedie na relatívny jas. Hodnota 8-bitového kanála sa vydelí 255, potom sa linearizuje: ak je výsledok s rovný alebo nižší ako 0,03928, vydelí sa 12,92; inak sa výraz ((s + 0,055) / 1,055) umocní na 2,4. Linearizované hodnoty červenej, zelenej a modrej sa vážia koeficientmi 0,2126, 0,7152 a 0,0722 a sčítajú, čím vznikne jas L. Kontrastný pomer je (Lsvetlejšia + 0,05) / (Ltmavšia + 0,05), kde člen 0,05 modeluje okolitý rozptyl svetla. Poměr sa pohybuje od 1:1 (rovnaké farby) do 21:1 (čistá čierna na čistej bielej).
Prahy WCAG 2.1 určujú výsledky: AA vyžaduje aspoň 4,5:1 pre normálny text a 3:1 pre veľký text (asi 18 pt, alebo 14 pt tučné); AAA vyžaduje 7:1 pre normálny text a 4,5:1 pre veľký text. Výpočet je symetrický, takže vzájomná zámena popredia a pozadia dáva rovnaký pomer. Hodnotí iba farbu a nezohľadňuje priehľadnosť, vyhladzovanie hrán ani prekrývajúce sa vrstvy.
Často kladené otázky
Aspoň 4,5:1 pre bežný text v tele a 3:1 pre veľký text (asi 18 pt normálny alebo 14 pt tučný). Pre prísnejšiu úroveň AAA potrebujete 7:1 pre normálny a 4,5:1 pre veľký text.
Nie. Vzorec používa svetlejší a tmavší jas bez ohľadu na to, ktorú farbu označíte ako popredie, takže zámenou dvoch vstupov získate rovnaký pomer.
Čistá biela má relatívny jas 1 a čistá čierna 0. Po dosadení do vzorca (1 + 0,05) / (0 + 0,05) vyjde presne 21 – najvyšší dosiahnuteľný kontrast.
Známe aj ako
TG we-Calculate Editorial Team. (2026). Kalkulačka kontrastného pomeru farieb WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/sk/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Kalkulačka kontrastného pomeru farieb WCAG." TG we-Calculate. 2026. https://we-calculate.com/sk/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Kalkulačka kontrastného pomeru farieb WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/sk/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Kalkulačka kontrastného pomeru farieb WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/sk/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Pomohla vám táto kalkulačka?