Kontrola barevného kontrastu

Otestujte kontrastní poměr mezi barvami popředí a pozadí, abyste zajistili přístupnost.

1.00:1
Kontrast
Fail
Velmi špatný

Normální text

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

Velký text

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Rychlé opravy

Aa

Náhled názvu

Rychlá hnědá liška přeskočí líného psa

Příklad malého textu (12px)

Text
#ffffff
Pozadí
#e24826

Standardy WCAG

Level AA

Minimální kontrastní poměr 4,5:1 pro normální text a 3:1 pro velký text. Vyžaduje se u většiny webových stránek.

Level AAA

Vylepšený kontrastní poměr 7:1 pro běžný text a 4,5:1 pro velký text. Doporučeno pro optimální přístupnost.

Nedostatečný kontrast pro všechny velikosti textu – nesplňuje standardy WCAG.

Kontrola barevného kontrastu

Vypočítejte kontrastní poměr barev textu a pozadí.

Vyberte barvu pomocí nástroje pro výběr barvy pro text a barvu pozadí nebo zadejte barvu v hexadecimálním formátu RGB (např. #259 nebo #2596BE). Barvu můžete vybrat nastavením posuvníku. Pokyny pro přístupnost webového obsahu (WCAG) obsahují specifické pokyny, které pomáhají zjistit, zda je text čitelný pro vidící uživatele. Toto kritérium používá specifický algoritmus k mapování barevných kombinací do srovnatelných poměrů. WCAG pomocí tohoto vzorce uvádí, že pro běžný (tělo) text je dostatečný barevný kontrastní poměr 4,5:1 mezi textem a jeho pozadím a velký text (18+ pt normální nebo 14+ pt tučné) by měl mít barevný kontrastní poměr alespoň 3:1.

Klíčové vlastnosti

  • Výpočet kontrastního poměru v reálném čase
  • Kontrola shody s WCAG AA a AAA
  • Posuvníky HSL pro jemné doladění
  • Více formátů náhledu

Pokročilé nástroje

  • Automatická fixace barev
  • Ukázky textu a pozadí
  • Detekce názvu barvy
  • Exportovat výsledky