Kontrola farebného kontrastu

Otestujte kontrastný pomer medzi farbami popredia a pozadia, aby ste zabezpečili prístupnosť.

1.00:1
Kontrast
Fail
Veľmi slabé

Normálny text

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

Veľký text

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

Rýchle opravy

Aa

Názov ukážky

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

Príklad malého textu (12px)

Text
#ffffff
Pozadie
#e24826

Štandardy WCAG

Level AA

Minimálny kontrastný pomer 4,5:1 pre normálny text a 3:1 pre veľký text. Vyžaduje sa pre väčšinu webových stránok.

Level AAA

Vylepšený kontrastný pomer 7:1 pre bežný text a 4,5:1 pre veľký text. Odporúča sa pre optimálnu prístupnosť.

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

Kontrola farebného kontrastu

Vypočítajte kontrastný pomer farieb textu a pozadia.

Vyberte farbu pomocou výberu farby pre text a farbu pozadia alebo zadajte farbu v hexadecimálnom formáte RGB (napr. #259 alebo #2596BE). Farbu môžete vybrať nastavením posuvníka. Pokyny pre prístupnosť webového obsahu (WCAG) majú špecifické pokyny, ktoré pomáhajú zistiť, či je text čitateľný pre zrakovo postihnutých používateľov. Toto kritérium používa konkrétny algoritmus na mapovanie farebných kombinácií do porovnateľných pomerov. Pomocou tohto vzorca WCAG uvádza, že kontrastný pomer farieb 4,5:1 medzi textom a jeho pozadím je primeraný pre bežný (hlavný) text a veľký text (18+ pt bežné alebo 14+ pt tučné) by mal mať kontrastný pomer farieb aspoň 3:1.

Kľúčové vlastnosti

  • Výpočet kontrastného pomeru v reálnom čase
  • Kontrola súladu s WCAG AA a AAA
  • Posuvníky HSL na jemné doladenie
  • Viacero formátov ukážky

Pokročilé nástroje

  • Automatická fixácia farieb
  • Vzorky textu a pozadia
  • Detekcia názvu farby
  • Exportovať výsledky