Kontrola kontrastu barev

    Testuj poměr kontrastu mezi popředím a pozadím, aby byla zajištěna přístupnost.

    1.00:1
    Kontrast
    Fail
    Velmi špatný

    Běžný text

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

    Velký text

    AA (3:1)
    AAA (4.5:1)
    #C0C0C0
    #c0c0c0
    #FFFFFF
    #ffffff

    Rychlé opravy

    Aa

    Náhled názvu

    Rychlá hnědá liška skáče přes líného psa

    Příklad malého textu (12px)

    Text
    #c0c0c0
    Pozadí
    #ffffff

    Standardy WCAG

    Level AA

    Minimální poměr kontrastu 4.5:1 pro běžný text a 3:1 pro velký text. Požadováno pro většinu webů.

    Level AAA

    Vylepšený poměr kontrastu 7:1 pro běžný text a 4.5:1 pro velký text. Doporučeno pro optimální přístupnost.

    Nedostatečný kontrast pro všechny velikosti textu - nesplňuje standardy WCAG.

    Kontrola kontrastu barev

    Vypočítej poměr kontrastu textu a barvy pozadí.

    Vyber si barvu pomocí nástroje pro výběr barvy pro text a barvu pozadí nebo zadej barvu v RGB hexadecimálním formátu (např. #259 nebo #2596BE). Můžeš upravit posuvník pro výběr barvy. Web Content Accessibility Guidelines (WCAG) má specifickou směrnici pro určení, zda je text čitelný pro uživatele se zrakem. Toto kritérium používá určitý algoritmus k mapování barevných kombinací do srovnatelných poměrů. Podle této formule WCAG uvádí, že 4.5:1 poměr barevného kontrastu s textem a jeho pozadím je vhodný pro běžný text a velký text (18+ b. běžný text nebo 14+ b. tučný text) by měl mít alespoň 3:1 poměr barevného kontrastu.

    Klíčové funkce

    • Výpočet kontrastního poměru v reálném čase
    • Kontrola souladu s WCAG AA & AAA
    • HSL posuvníky pro jemné doladění
    • Více formátů náhledu

    Pokročilé nástroje

    • Automatická oprava barev
    • Ukázky textu a pozadí
    • Detekce názvu barvy
    • Export výsledků