Kontrola barevného kontrastu

    Otestujte kontrastní poměr mezi barvami popředí a pozadí, abyste zajistili přístupnost.

    1.00:1
    Kontrast
    Fail
    Velmi špatný

    Normální text

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

    Velký text

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

    Rychlé opravy

    Aa

    Náhled titulu

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

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

    Text
    #000000
    Pozadí
    #2596be

    Standardy WCAG

    Level AA

    Minimální kontrastní poměr 4,5:1 pro normální text a 3:1 pro velký text. Vyžaduje se u většiny webových stránek.

    Level AAA

    Vylepšený kontrastní poměr 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 barevného kontrastu

    Vypočítejte kontrastní poměr barev textu a pozadí.

    Vyberte barvu pomocí nástroje pro výběr barvy pro text a barvu pozadí nebo zadejte barvu v hexadecimálním formátu RGB (např. #259 nebo #2596BE). Výběr barvy můžete upravit posuvníkem. Směrnice pro přístupnost webového obsahu (WCAG) obsahují zvláštní pokyny, které pomáhají zjistit, zda je text čitelný pro vidící uživatele. Toto kritérium používá zvláštní algoritmus pro mapování kombinací barev do srovnatelných poměrů. Pomocí tohoto vzorce WCAG uvádí, že poměr kontrastu barev textu a jeho pozadí 4,5:1 je přiměřený pro běžný text (tělo) a velký text (18+ pt běžný nebo 14+ pt tučný) by měl mít poměr kontrastu barev alespoň 3:1.

    Klíčové vlastnosti

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

    Pokročilé nástroje

    • Automatická fixace barev
    • Ukázky textu a pozadí
    • Detekce názvu barvy
    • Výsledky exportu