WCAG spalvų kontrasto santykio skaičiuoklė
Išmatuokite WCAG kontrasto santykį tarp priekinio plano ir fono spalvos, kad įsitikintumėte, jog jūsų tekstas yra įskaitomas ir prieinamas.
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
Kaip veikia ši skaičiuoklė?
WCAG kontrasto santykis yra (šviesesnio ryškumas + 0,05) / (tamsesnio ryškumas + 0,05), svyruojantis nuo 1:1 iki 21:1. Siekite bent 4,5:1 normaliam tekstui ir 3:1 dideliam tekstui, kad atitiktumėte AA, arba 7:1 ir 4,5:1 dėl AAA. Įveskite dvi šešioliktaines spalvas, kad patikrintumėte iškart.
Formulė
How this is calculated
Įveskite priekinio plano (teksto) šešioliktainę spalvą ir fono šešioliktainę spalvą. Priimamos tiek 3 skaitmenų sutrumpintos (#fff), tiek 6 skaitmenų (#ffffff) formos, su priekiniu „#“ arba be jo.
Kiekviena spalva konvertuojama į jos santykinį ryškumą. 8 bitų kanalo reikšmė dalijama iš 255, tada tiesinama: jei rezultatas s yra ne didesnis nei 0,03928, jis dalijamas iš 12,92, kitaip jis tampa ((s + 0,055) / 1,055), pakeltu laipsniu 2,4. Tiesinti raudonos, žalios ir mėlynos reikšmės sveriamos atitinkamai 0,2126, 0,7152 ir 0,0722 ir sudedamos, kad gautume ryškumą L. Kontrasto santykis yra (Lšviesesnis + 0,05) / (Ltamsesnis + 0,05), kur 0,05 narys modeliuoja aplinkos šviesos atspindį. Santykiai svyruoja nuo 1:1 (identiškos spalvos) iki 21:1 (grynai juoda ant grynai baltos).
WCAG 2.1 slenksčiai nustato atitikimo rezultatus: AA reikalauja bent 4,5:1 normaliam tekstui ir 3:1 dideliam tekstui (maždaug 18pt arba 14pt pusjuodis); AAA reikalauja 7:1 normaliam tekstui ir 4,5:1 dideliam tekstui. Skaičiavimas yra simetriškas, todėl sukeitus priekinį planą ir foną gaunamas tas pats santykis. Vertinama tik spalva, neatsižvelgiama į skaidrumą, glodinimą (anti-aliasing) ar persidengiančius sluoksnius.
Dažnai užduodami klausimai
Bent 4,5:1 normaliam pagrindiniam tekstui ir 3:1 dideliam tekstui (apie 18pt įprasto arba 14pt pusjuodžio). Griežtesniam AAA lygiui reikia 7:1 normaliam ir 4,5:1 dideliam.
Ne. Formulė naudoja šviesesnį ir tamsesnį ryškumą nepriklausomai nuo to, kurią spalvą pažymite kaip priekinį planą, todėl sukeitus abi įvestis gaunamas tas pats santykis.
Grynai balta turi santykinį ryškumą 1, o grynai juoda — 0. Įstatę šias reikšmes į (1 + 0,05) / (0 + 0,05) gauname lygiai 21 — didžiausią pasiekiamą kontrastą.
Taip pat žinomas kaip
TG we-Calculate Editorial Team. (2026). WCAG spalvų kontrasto santykio skaičiuoklė [Online calculator]. TG we-Calculate. https://we-calculate.com/lt/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "WCAG spalvų kontrasto santykio skaičiuoklė." TG we-Calculate. 2026. https://we-calculate.com/lt/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "WCAG spalvų kontrasto santykio skaičiuoklė," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/lt/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG spalvų kontrasto santykio skaičiuoklė}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/lt/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Ar ši skaičiuoklė jums padėjo?