Kontrola kontrastu farieb

Testuj pomer kontrastu medzi popredím a pozadím, aby si zabezpečil prístupnosť.

1.00:1
Kontrast
Fail
Veľmi zlé

Normálny text

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

Veľký text

AA (3:1)
AAA (4.5:1)
White
#ffffff
Havelock Blue
#5590d9

Rýchle opravy

Aa

Náhľad názvu

Rýchla hnedá líška preskočí lenivého psa

Príklad malého textu (12px)

Text
#ffffff
Pozadie
#5590d9

Štandardy WCAG

Level AA

Minimálny pomer kontrastu 4.5:1 pre normálny text a 3:1 pre veľký text. Požadované pre väčšinu webových stránok.

Level AAA

Vylepšený pomer kontrastu 7:1 pre normálny text a 4.5:1 pre veľký text. Odporúčané pre optimálnu prístupnosť.

Nedostatočný kontrast pre všetky veľkosti textu - nespĺňa normy WCAG.

Kontrola kontrastu farieb

Vypočítaj pomer kontrastu textu a farieb pozadia.

Vyber farbu pomocou color picker pre text a farbu pozadia alebo zadaj farbu v RGB hexadecimálnom formáte (napr. #259 alebo #2596BE). Môžeš upraviť posúvač na výber farby. Smernice pre prístupnosť webového obsahu (WCAG) majú konkrétnu smernicu, ktorá pomáha zistiť, či je text čitateľný pre vidiacich používateľov. Toto kritérium používa špecifický algoritmus na mapovanie farebných kombinácií do porovnateľných pomerov. Podľa tejto formuly WCAG uvádza, že pomer kontrastu 4.5:1 medzi textom a jeho pozadím je dostatočný pre bežný (telo) text a veľký text (18+ pt bežný, alebo 14+ pt tučný) by mal mať aspoň pomer kontrastu 3:1.

Kľúčové funkcie

  • Výpočet kontrastného pomeru v reálnom čase
  • Kontrola súladu s WCAG AA & AAA
  • HSL posuvníky pre jemné doladenie
  • Viacero formátov náhľadu

Pokročilé nástroje

  • Automatická oprava farieb
  • Ukážky textu a pozadia
  • Detekcia názvu farby
  • Export výsledkov