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

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

    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 barvu pomocí barevného Selector de color 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, která pomáhá zjistit, zda je text čitelný pro vidící uživatele. Toto kritérium používá konkrétní algoritmus k mapování barevných kombinací do srovnatelných poměrů. Podle této formule WCAG uvádí, že poměr kontrastu 4,5:1 mezi textem a jeho pozadím je dostatečný pro běžný (tělový) text a velký text (18+ pt běžný, nebo 14+ pt tučný) by měl mít alespoň poměr kontrastu 3:1.

    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ů