Fargekontrastkontroll

    Test kontrastforholdet mellom forgrunns- og bakgrunnsfarger for å sikre tilgjengelighet.

    1.00:1
    Kontrast
    Fail
    Veldig dårlig

    Vanlig tekst

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

    Stor tekst

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

    Raske løsninger

    Aa

    Forhåndsvisningstittel

    Den raske brune reven hopper over den late hunden

    Eksempel på liten tekst (12px)

    Tekst
    #000000
    Bakgrunn
    #2596be

    WCAG-standarder

    Level AA

    Minimum kontrastforhold på 4,5:1 for vanlig tekst og 3:1 for stor tekst. Påkrevd for de fleste nettsteder.

    Level AAA

    Forbedret kontrastforhold på 7:1 for vanlig tekst og 4,5:1 for stor tekst. Anbefalt for optimal tilgjengelighet.

    Utilstrekkelig kontrast for alle tekststørrelser - oppfyller ikke WCAG-standarder.

    Fargekontrastkontroll

    Beregn kontrastforholdet mellom tekst- og bakgrunnsfarger.

    Velg en farge ved hjelp av fargevelgeren for tekst- og bakgrunnsfarge, eller skriv inn en farge i RGB-hexadesimalformat (f.eks. #259 eller #2596BE). Du kan justere glidebryteren for å velge farge. Retningslinjene for tilgjengelighet av nettinnhold (WCAG) har en spesifikk retningslinje for å avgjøre om tekst er lesbar for seende brukere. Dette kriteriet bruker en bestemt algoritme for å kartlegge fargekombinasjoner til sammenlignbare forhold. Ved å bruke denne formelen sier WCAG at et fargekontrastforhold på 4,5:1 med tekst og bakgrunn er tilstrekkelig for vanlig (brød)tekst, og stor tekst (18+ pt vanlig, eller 14+ pt fet) bør ha minst et 3:1 fargekontrastforhold.

    Nøkkelfunksjoner

    • Sanntidsberegning av kontrastforhold
    • WCAG AA & AAA samsvarssjekk
    • HSL-glidere for finjustering
    • Flere forhåndsvisningsformater

    Avanserte verktøy

    • Automatisk fargekorrigering
    • Tekst- og bakgrunnsprøver
    • Fargenavngjenkjenning
    • Eksporter resultater