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)
    Black
    #000000
    Eastern Blue
    #2596be

    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
    #000000
    Pozadie
    #2596be

    Š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