Színkontraszt ellenőrző

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

1.00:1
Kontraszt
Fail
Nagyon gyenge

Normál szöveg

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

Nagy szöveg

AA (3:1)
AAA (4.5:1)
White
#ffffff
Chestnut
#b94e48

Gyors javítások

Aa

Előnézeti cím

A gyors barna róka átugrik a lusta kutya felett

Kis szöveg példa (12px)

Szöveg
#ffffff
Háttér
#b94e48

WCAG szabványok

Level AA

Minimum 4,5:1 kontrasztarány normál szöveghez és 3:1 nagy szöveghez. A legtöbb weboldal számára kötelező.

Level AAA

Fokozott 7:1 kontrasztarány normál szöveghez és 4,5:1 nagy szöveghez. Ajánlott az optimális hozzáférhetőség érdekében.

Nem megfelelő kontraszt minden szövegmérethez - nem felel meg a WCAG szabványoknak.

Színkontraszt ellenőrző

Számítsd ki a szöveg és a háttérszínek kontrasztarányát.

Válassz színt a színválasztóval a szöveg és a háttér színéhez, vagy adj meg egy színt RGB hexadecimális formátumban (pl. #259 vagy #2596BE). A csúszka segítségével állíthatod be a színt. A Webes Tartalom-hozzáférhetőségi Irányelvek (WCAG) egy konkrét iránymutatást tartalmaznak annak megállapítására, hogy a szöveg olvasható-e a látók számára. Ez a kritérium egy speciális algoritmust használ a színkombinációk összehasonlítható arányokká alakítására. Ezen képlet alapján a WCAG azt állítja, hogy a 4,5:1 színkontraszt arány a szöveg és a háttér között megfelelő a normál (törzs) szöveghez, és a nagy szöveg (18+ pt normál, vagy 14+ pt félkövér) esetén legalább 3:1 színkontraszt arány szükséges.

Főbb jellemzők

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

Fejlett eszközök

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