WCAG krāsu kontrasta attiecības kalkulators
Izmēriet WCAG kontrasta attiecību starp priekšplāna un fona krāsu, lai pārliecinātos, ka jūsu teksts ir salasāms un pieejams.
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
Kā darbojas šis kalkulators?
WCAG kontrasta attiecība ir (gaišākā spilgtuma + 0,05) / (tumšākā spilgtuma + 0,05), kas svārstās no 1:1 līdz 21:1. Tieciet vismaz uz 4,5:1 parastam tekstam un 3:1 lielam tekstam, lai atbilstu AA, vai 7:1 un 4,5:1 AAA. Ievadiet divas heksadecimālās krāsas, lai pārbaudītu uzreiz.
Formula
How this is calculated
Ievadiet priekšplāna (teksta) heksadecimālo krāsu un fona heksadecimālo krāsu. Pieņemamas ir gan 3 ciparu saīsinātās (#fff), gan 6 ciparu (#ffffff) formas, ar vai bez vadošā "#".
Katra krāsa tiek pārvērsta tās relatīvajā spilgtumā. 8 bitu kanāla vērtība tiek dalīta ar 255, pēc tam linearizēta: ja rezultāts s ir mazāks vai vienāds ar 0,03928, to dala ar 12,92, pretējā gadījumā tas kļūst par ((s + 0,055) / 1,055), kas pacelts pakāpē 2,4. Linearizētās sarkanā, zaļā un zilā vērtības tiek svērtas attiecīgi ar 0,2126, 0,7152 un 0,0722 un summētas, lai iegūtu spilgtumu L. Kontrasta attiecība ir (Lgaišākais + 0,05) / (Ltumšākais + 0,05), kur 0,05 loceklis modelē apkārtējo gaismas atspīdumu. Attiecības svārstās no 1:1 (identiskas krāsas) līdz 21:1 (tīri melns uz tīri balta).
WCAG 2.1 sliekšņi nosaka veiksmes rezultātus: AA prasa vismaz 4,5:1 parastam tekstam un 3:1 lielam tekstam (aptuveni 18pt vai 14pt treknrakstā); AAA prasa 7:1 parastam tekstam un 4,5:1 lielam tekstam. Aprēķins ir simetrisks, tāpēc priekšplāna un fona apmaiņa dod to pašu attiecību. Tas izvērtē tikai krāsu un neņem vērā necaurspīdīgumu, izlīdzināšanu (anti-aliasing) vai pārklājošos slāņus.
Biežāk uzdotie jautājumi
Vismaz 4,5:1 parastam pamatteksta un 3:1 lielam tekstam (aptuveni 18pt parasts vai 14pt treknraksts). Stingrākajam AAA līmenim nepieciešams 7:1 parastam un 4,5:1 lielam.
Nē. Formula izmanto gaišāko un tumšāko spilgtumu neatkarīgi no tā, kuru krāsu apzīmējat kā priekšplānu, tāpēc abu ievaddatu apmaiņa dod to pašu attiecību.
Tīri baltam ir relatīvais spilgtums 1 un tīri melnam 0. Ievietojot tos formulā (1 + 0,05) / (0 + 0,05), iegūst tieši 21 — augstāko sasniedzamo kontrastu.
Pazīstams arī kā
TG we-Calculate Editorial Team. (2026). WCAG krāsu kontrasta attiecības kalkulators [Online calculator]. TG we-Calculate. https://we-calculate.com/lv/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG krāsu kontrasta attiecības kalkulators." TG we-Calculate. 2026. https://we-calculate.com/lv/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG krāsu kontrasta attiecības kalkulators," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/lv/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG krāsu kontrasta attiecības kalkulators}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/lv/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Vai šis kalkulators jums palīdzēja?