Färgkontrastkontroll

    Testa kontrastförhållandet mellan förgrunds- och bakgrundsfärger för att säkerställa tillgänglighet.

    1.00:1
    Kontrast
    Fail
    Mycket dålig

    Normal text

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

    Stor text

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

    Snabba åtgärder

    Aa

    Förhandsgranskningstitel

    Den snabba bruna räven hoppar över den lata hunden

    Exempel på liten text (12px)

    Text
    #000000
    Bakgrund
    #2596be

    WCAG-standarder

    Level AA

    Minsta kontrastförhållande på 4,5:1 för normal text och 3:1 för stor text. Krävs för de flesta webbplatser.

    Level AAA

    Förbättrat kontrastförhållande på 7:1 för normal text och 4,5:1 för stor text. Rekommenderas för optimal tillgänglighet.

    Otillräcklig kontrast för alla textstorlekar - uppfyller inte WCAG-standarder.

    Färgkontrastkontroll

    Beräkna kontrastförhållandet mellan text och bakgrundsfärger.

    Välj en färg med färgväljaren för text och bakgrundsfärg eller ange en färg i RGB-hexadecimalformat (t.ex. #259 eller #2596BE). Du kan justera reglaget för att välja färg. Web Content Accessibility Guidelines (WCAG) har en specifik riktlinje för att avgöra om text är läsbar för seende användare. Detta kriterium använder en särskild algoritm för att kartlägga färgkombinationer till jämförbara förhållanden. Med denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 med text och dess bakgrund är tillräckligt för vanlig (bröd)text, och stor text (18+ pt vanlig, eller 14+ pt fet) bör ha minst ett 3:1 färgkontrastförhållande.

    Viktiga funktioner

    • Beräkning av kontrastförhållande i realtid
    • Kontroll av WCAG AA & AAA-efterlevnad
    • HSL-reglage för finjustering
    • Flera förhandsgranskningsformat

    Avancerade verktyg

    • Automatisk färgkorrigering
    • Text- och bakgrundsexempel
    • Färgnamnsdetektion
    • Exportera resultat