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)
    #C0C0C0
    #c0c0c0
    #FFFFFF
    #ffffff

    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
    #c0c0c0
    Pozadie
    #ffffff

    Š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

    Zvýš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.

    Vyberte farbu pomocou výberu farby pre text a farbu pozadia alebo zadajte farbu vo formáte RGB hexadecimálny (napr. #259 alebo #2596BE). Môžete nastaviť posúvač na výber farby. Smernice pre prístupnosť webového obsahu (WCAG) majú špecifické smernice na zistenie, či je text čitateľný pre vidiacich 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 4.5:1 pomer kontrastu textu a jeho pozadia je dostatočný pre normálny (telo) text a veľký text (18+ pt normálny alebo 14+ pt tučný) by mal mať aspoň 3:1 pomer kontrastu.

    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