Fargekontrastkontroll

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

    1.00:1
    Kontrast
    Fail
    Svært dårlig

    Vanlig tekst

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

    Stor tekst

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

    Raske løsninger

    Aa

    Forhåndsvisningstittel

    Den raske brune reven hopper over den late hunden

    Eksempel på liten tekst (12 piksler)

    Tekst
    #000000
    Bakgrunn
    #2596be

    WCAG-standarder

    Level AA

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

    Level AAA

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

    Dårlig kontrast for alle tekststørrelser.

    Fargekontrastkontroll

    Beregn kontrastforholdet til tekst og bakgrunnsfarger.

    Velg en farge ved å bruke fargevelgeren for tekst og bakgrunnsfarge eller skriv inn en farge i RGB heksadesimalt format (f.eks. #259 eller #2596BE). Du kan justere glidebryteren for å velge farge. Web Content Accessibility Guidelines (WCAG) har en spesifikk retningslinje for å finne ut 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 dens bakgrunn er tilstrekkelig for vanlig (brødtekst), og stor tekst (18+ pt vanlig, eller 14+ pt fet skrift) bør ha minst 3: 1 farge kontrastforhold.

    Viktige funksjoner

    • Kontrastforholdsberegning i sanntid
    • WCAG AA- og AAA-samsvarskontroll
    • HSL-glidebrytere for finjustering
    • Flere forhåndsvisningsformater

    Avanserte verktøy

    • Automatisk fargefiksering
    • Tekst- og bakgrunnseksempler
    • Deteksjon av fargenavn
    • Eksporter resultater