Kontroll av färgkontrast

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

    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
    Black
    #2596be

    Snabba lösningar

    Aa

    Förhandsgranska titel

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

    Exempel på liten text (12px)

    Text
    #000000
    Bakgrund
    #2596be

    WCAG-standarder

    Level AA

    Kontrastförhållande på minst 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-standarderna.

    Kontroll av färgkontrast

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

    Välj en färg med hjälp av färgväljaren för text och bakgrundsfärg eller ange en färg i RGB hexadecimalt format (t.ex. #259 eller #2596BE). Du kan justera skjutreglaget för att välja färg. WCAG (Web Content Accessibility Guidelines) har en särskild riktlinje som hjälper till att avgöra om texten ä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 hjälp av denna formel anger WCAG att ett färgkontrastförhållande på 4,5:1 mellan text och bakgrund är tillräckligt för vanlig text (brödtext) och att stor text (18+ pt vanlig eller 14+ pt fet) bör ha ett färgkontrastförhållande på minst 3:1.

    Viktiga funktioner

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

    Avancerade verktyg

    • Automatisk färgfixering
    • Text- och bakgrundsexempel
    • Detektering av färgnamn
    • Exportera resultat