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)
Black
#000000
Black
#ff009e

Rychlé opravy

Aa

Náhled titulu

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

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

Text
#000000
Pozadí
#ff009e

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). Výběr barvy můžete upravit posuvníkem. Směrnice pro přístupnost webového obsahu (WCAG) obsahují zvláštní pokyny, které pomáhají zjistit, zda je text čitelný pro vidící uživatele. Toto kritérium používá zvláštní algoritmus pro mapování kombinací barev do srovnatelných poměrů. Pomocí tohoto vzorce WCAG uvádí, že poměr kontrastu barev textu a jeho pozadí 4,5:1 je přiměřený pro běžný text (tělo) a velký text (18+ pt běžný nebo 14+ pt tučný) by měl mít poměr kontrastu barev 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
  • Výsledky exportu