Színkontraszt-ellenőrző

A hozzáférhetőség biztosítása érdekében tesztelje az előtér- és háttérszínek közötti kontrasztarányt.

1.00:1
Kontraszt
Fail
Nagyon gyenge

Normál szöveg

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

Nagyméretű szöveg

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#00ff45

Gyors javítások

Aa

Előnézet Cím

A gyors barna róka átugorja a lusta kutyát.

Kis szöveges példa (12px)

Szöveg
#000000
Háttér
#00ff45

WCAG szabványok

Level AA

Minimális kontrasztarány 4,5:1 normál szöveg esetén és 3:1 nagyméretű szöveg esetén. A legtöbb weboldalhoz szükséges.

Level AAA

7:1 kontrasztarány normál szöveg esetén és 4,5:1 kontrasztarány nagyméretű szöveg esetén. Az optimális hozzáférhetőség érdekében ajánlott.

Elégtelen kontraszt minden szövegméret esetén - nem felel meg a WCAG-szabványoknak.

Színkontraszt-ellenőrző

A szöveg és a háttérszínek kontrasztarányának kiszámítása.

Válasszon színt a színválasztó segítségével a szöveg és a háttér színéhez, vagy adja meg a színt RGB hexadecimális formátumban (pl. #259 vagy #2596BE). A szín kiválasztásához beállíthatja a csúszkát. A webes tartalom hozzáférhetőségi irányelvei (WCAG) egy külön irányelvvel segít kideríteni, hogy a szöveg olvasható-e a látó felhasználók számára. Ez a kritérium egy sajátos algoritmust használ a színkombinációk összehasonlítható arányokba történő leképezéséhez. E képletet használva a WCAG azt állítja, hogy a szöveg és a háttér közötti 4,5:1 színkontrasztarány megfelelő a normál (test) szöveg esetében, a nagyméretű szövegnek (18+ pt normál vagy 14+ pt félkövér) pedig legalább 3:1 színkontrasztarányúnak kell lennie.

Fő jellemzők

  • Valós idejű kontrasztarány-számítás
  • WCAG AA és AAA megfelelőség ellenőrzése
  • HSL csúszkák a finomhangoláshoz
  • Többféle előnézeti formátum

Speciális eszközök

  • Automatikus színrögzítés
  • Szöveg- és háttérminták
  • Színnév felismerés
  • Eredmények exportálása