Spalvų kontrasto tikrintuvas

Patikrinkite pirmojo plano ir fono spalvų kontrasto santykį, kad užtikrintumėte prieinamumą.

1.00:1
Kontrastas
Fail
Labai prastas

Įprastas tekstas

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

Didelis tekstas

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

Greitas taisymas

Aa

Peržiūra Pavadinimas

Greita rudoji lapė peršoka tinginį šunį

Mažo teksto pavyzdys (12px)

Tekstas
#000000
Pagrindinė informacija
#0088cc

WCAG standartai

Level AA

Mažiausias kontrasto santykis 4,5:1 įprastam tekstui ir 3:1 dideliam tekstui. Būtinas daugumoje svetainių.

Level AAA

Patobulintas kontrasto santykis - 7:1 įprastam tekstui ir 4,5:1 dideliam tekstui. Rekomenduojama siekiant optimalaus prieinamumo.

Nepakankamas visų dydžių teksto kontrastas - neatitinka WCAG standartų.

Spalvų kontrasto tikrintuvas

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

Pasirinkite spalvą naudodami spalvų rinkiklį teksto ir fono spalvai arba įveskite spalvą RGB šešioliktaine forma (pvz., #259 arba #2596BE). Spalvai parinkti galite reguliuoti slankiklį. Žiniatinklio turinio prieinamumo gairėse (WCAG) yra specialios gairės, padedančios išsiaiškinti, ar tekstas yra įskaitomas regintiems naudotojams. Pagal šį kriterijų naudojamas tam tikras algoritmas, pagal kurį spalvų deriniai atvaizduojami į palyginamus santykius. Pagal šią formulę WCAG nurodo, kad įprastam (pagrindiniam) tekstui tinka 4,5:1 teksto ir jo fono spalvų kontrasto santykis, o dideliam tekstui (18+ pt įprastam arba 14+ pt paryškintam) turėtų būti taikomas bent 3:1 spalvų kontrasto santykis.

Pagrindinės funkcijos

  • Kontrasto santykio apskaičiavimas realiuoju laiku
  • WCAG AA ir AAA atitikties tikrinimas
  • HSL slankikliai, skirti tiksliam reguliavimui
  • Keli peržiūros formatai

Išplėstiniai įrankiai

  • Automatinis spalvų nustatymas
  • Teksto ir fono pavyzdžiai
  • Spalvos pavadinimo aptikimas
  • Eksportuoti rezultatus