Spalvų kontrasto tikrintuvas

Patikrink kontrasto santykį tarp pirmojo plano ir fono spalvų, kad užtikrintum prieinamumą.

1.00:1
Kontrastas
Fail
Labai prasta

Įprastas tekstas

AA (4.5:1)
AAA (7:1)

Didelis tekstas

AA (3:1)
AAA (4.5:1)
White
#ffffff
Buttered Rum
#a1750d

Greiti pataisymai

Aa

Peržiūros pavadinimas

Greita ruda lapė peršoka per tingų šunį

Mažo teksto pavyzdys (12px)

Tekstas
#ffffff
Fonas
#a1750d

WCAG standartai

Level AA

Minimalus kontrasto santykis 4.5:1 įprastam tekstui ir 3:1 dideliam tekstui. Reikalingas daugumai svetainių.

Level AAA

Pagerintas kontrasto santykis 7:1 įprastam tekstui ir 4.5:1 dideliam tekstui. Rekomenduojamas optimaliam prieinamumui.

Nepakankamas kontrastas visiems teksto dydžiams - neatitinka WCAG standartų.

Spalvų kontrasto tikrintuvas

Apskaičiuok teksto ir fono spalvų kontrasto santykį.

Pasirink spalvą naudodamas spalvų parinkiklį tekstui ir fono spalvai arba įvesk spalvą RGB šešioliktainiu formatu (pvz., #259 arba #2596BE). Gali reguliuoti slankiklį, kad pasirinktum spalvą. Žiniatinklio turinio prieinamumo gairės (WCAG) turi konkrečią gairę, padedančią nustatyti, ar tekstas yra įskaitomas regintiems vartotojams. Šis kriterijus naudoja tam tikrą algoritmą, kad spalvų derinius paverstų palyginamais santykiais. Naudodamasis šia formule, WCAG teigia, kad 4.5:1 spalvų kontrasto santykis tarp teksto ir jo fono yra pakankamas įprastam (kūno) tekstui, o didelis tekstas (18+ pt įprastas arba 14+ pt paryškintas) turėtų turėti bent 3:1 spalvų kontrasto santykį.

Pagrindinės savybės

  • Realaus laiko kontrasto santykio skaičiavimas
  • WCAG AA ir AAA atitikties tikrinimas
  • HSL slankikliai smulkiam derinimui
  • Kelių formatų peržiūra

Pažangūs įrankiai

  • Automatinis spalvų taisymas
  • Teksto ir fono pavyzdžiai
  • Spalvų pavadinimų atpažinimas
  • Rezultatų eksportavimas