Kontrola kontrastu barev

Testuj poměr kontrastu mezi popředím a pozadím, aby byla zajištěna přístupnost.

1.00:1
Kontrast
Fail
Velmi špatné

Běžný text

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

Velký text

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

Rychlé opravy

Aa

Náhled názvu

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

Ukázka malého textu (12px)

Text
#ffffff
Pozadí
#b400ff

Standardy WCAG

Level AA

Minimální poměr kontrastu 4,5:1 pro běžný text a 3:1 pro velký text. Požadováno pro většinu webových stránek.

Level AAA

Vylepšený poměr kontrastu 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 kontrastu barev

Vypočítej poměr kontrastu textu a barvy pozadí.

Vyber barvu pomocí Color Picker pro text a barvu pozadí nebo zadej barvu v RGB hexadecimálním formátu (např. #259 nebo #2596BE). Můžeš upravit posuvník pro výběr barvy. Web Content Accessibility Guidelines (WCAG) má specifickou směrnici, která pomáhá zjistit, zda je text čitelný pro uživatele se zrakem. Toto kritérium používá konkrétní algoritmus k mapování barevných kombinací do srovnatelných poměrů. Podle této formule WCAG uvádí, že poměr kontrastu 4,5:1 mezi textem a jeho pozadím je dostatečný pro běžný (tělový) text a velký text (18+ pt běžný, nebo 14+ pt tučný) by měl mít alespoň poměr kontrastu 3:1.

Klíčové funkce

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

Pokročilé nástroje

  • Automatická oprava barev
  • Ukázky textu a pozadí
  • Detekce názvu barvy
  • Export výsledků