Spalvų kontrasto tikrintuvas

Patikrinkite priekinio 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)
White
#ffffff
Black
#e24826

Greiti pataisymai

Aa

Peržiūrėti pavadinimą

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

Mažo teksto pavyzdys (12 pikselių)

Tekstas
#ffffff
Fonas
#e24826

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 kontrastas visiems teksto dydžiams – neatitinka WCAG standartų.

Spalvų kontrasto tikrintuvas

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

Pasirinkite spalvą naudodami teksto ir fono spalvos spalvų parinkiklį arba įveskite spalvą RGB šešioliktainiu formatu (pvz., #259 arba #2596BE). Galite reguliuoti slankiklį, kad pasirinktumėte spalvą. Žiniatinklio turinio prieinamumo gairėse (WCAG) yra konkreti gairė, padedanti nustatyti, ar tekstas yra įskaitomas regintiems vartotojams. Šis kriterijus naudoja specialų algoritmą, kad spalvų deriniai būtų susieti su palyginamais santykiais. Naudodama šią formulę, WCAG teigia, kad 4,5:1 spalvų kontrasto santykis su tekstu ir jo fonu yra pakankamas įprastam (pagrindiniam) tekstui, o didelis tekstas (18+ pt įprastas arba 14+ pt paryškintas) turėtų turėti bent 3:1 spalvų kontrasto santykį.

Pagrindinės funkcijos

  • Kontrasto santykio skaičiavimas realiuoju laiku
  • WCAG AA ir AAA atitikties patikra
  • HSL slankikliai tiksliam reguliavimui
  • Keli peržiūros formatai

Išplėstiniai įrankiai

  • Automatinis spalvų fiksavimas
  • Teksto ir fono pavyzdžiai
  • Spalvų pavadinimo atpažinimas
  • Eksportuoti rezultatus