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)
    Black
    #000000
    Black
    #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 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 normy WCAG.

    Kontrola farebného kontrastu

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

    Vyberte farbu pomocou výberového okna pre farbu textu a farbu pozadia alebo zadajte farbu v hexadecimálnom formáte RGB (napr. #259 alebo #2596BE). Na výber farby môžete nastaviť posuvník. Usmernenia o prístupnosti webového obsahu (WCAG) obsahujú osobitné usmernenie, ktoré pomáha zistiť, či je text čitateľný pre vidiacich používateľov. Toto kritérium používa osobitný algoritmus na mapovanie kombinácií farieb do porovnateľných pomerov. Pomocou tohto vzorca WCAG uvádza, že pomer kontrastu farieb 4,5:1 s textom a jeho pozadím je primeraný pre bežný text (telo) a veľký text (18+ pt bežný alebo 14+ pt tučný) by mal mať pomer kontrastu farieb aspoň 3:1.

    Kľúčové vlastnosti

    • Výpočet kontrastného pomeru v reálnom čase
    • Kontrola zhody WCAG AA a AAA
    • Posuvníky HSL na jemné doladenie
    • Viacero formátov náhľadu

    Pokročilé nástroje

    • Automatická fixácia farieb
    • Ukážky textu a pozadia
    • Detekcia názvu farby
    • Výsledky exportu