Kalkulačka kontrastního poměru barev podle WCAG
Změřte kontrastní poměr podle WCAG mezi barvou popředí a pozadí a ověřte, že je váš text čitelný a přístupný.
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
Jak tato kalkulačka funguje?
Kontrastní poměr podle WCAG je (jas světlejší + 0,05) / (jas tmavší + 0,05) a pohybuje se od 1:1 do 21:1. Pro splnění úrovně AA usilujte alespoň o 4,5:1 pro běžný text a 3:1 pro velký text, nebo o 7:1 a 4,5:1 pro AAA. Zadejte dvě šestnáctkové barvy pro okamžitou kontrolu.
Vzorec
How this is calculated
Zadejte šestnáctkovou barvu popředí (textu) a barvu pozadí. Přijímán je jak 3místný zkrácený tvar (#fff), tak 6místný (#ffffff), s úvodním znakem "#" i bez něj.
Každá barva se převede na svůj relativní jas. Hodnota 8bitového kanálu se vydělí 255 a poté linearizuje: pokud je výsledek s roven 0,03928 nebo menší, vydělí se 12,92, jinak se stane ((s + 0,055) / 1,055) umocněno na 2,4. Linearizované hodnoty červené, zelené a modré se zváží koeficienty 0,2126, 0,7152 a 0,0722 a sečtou, čímž vznikne jas L. Kontrastní poměr je (Lsvětlejší + 0,05) / (Ltmavší + 0,05), kde člen 0,05 modeluje okolní rozptyl světla. Poměry se pohybují od 1:1 (shodné barvy) do 21:1 (čistě černá na čistě bílé).
Výsledky vyhovění určují prahy WCAG 2.1: AA vyžaduje alespoň 4,5:1 pro běžný text a 3:1 pro velký text (zhruba 18 pt nebo 14 pt tučně); AAA vyžaduje 7:1 pro běžný text a 4,5:1 pro velký text. Výpočet je symetrický, takže prohození popředí a pozadí dává stejný poměr. Hodnotí se pouze barva, nezohledňuje se průhlednost, vyhlazování (anti-aliasing) ani překrývající se vrstvy.
Často kladené otázky
Alespoň 4,5:1 pro běžný text v textu a 3:1 pro velký text (asi 18 pt normálně nebo 14 pt tučně). Pro přísnější úroveň AAA potřebujete 7:1 pro běžný a 4,5:1 pro velký text.
Ne. Vzorec používá světlejší a tmavší jas bez ohledu na to, kterou barvu označíte jako popředí, takže prohození obou vstupů dá stejný poměr.
Čistě bílá má relativní jas 1 a čistě černá 0. Dosazením do (1 + 0,05) / (0 + 0,05) vyjde přesně 21, nejvyšší dosažitelný kontrast.
Také známé jako
TG we-Calculate Editorial Team. (2026). Kalkulačka kontrastního poměru barev podle WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/cs/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Kalkulačka kontrastního poměru barev podle WCAG." TG we-Calculate. 2026. https://we-calculate.com/cs/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Kalkulačka kontrastního poměru barev podle WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/cs/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Kalkulačka kontrastního poměru barev podle WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/cs/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Pomohla vám tato kalkulačka?