Kontrol af farvekontrast

    Test kontrastforholdet mellem forgrunds- og baggrundsfarver for at sikre tilgængelighed.

    1.00:1
    Kontrast
    Fail
    Meget dårlig

    Normal tekst

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

    Stor tekst

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

    Hurtige løsninger

    Aa

    Eksempel på titel

    Den hurtige brune ræv springer over den dovne hund

    Eksempel på lille tekst (12px)

    Tekst
    #000000
    Baggrund
    #2596be

    WCAG-standarder

    Level AA

    Kontrastforhold på mindst 4,5:1 for normal tekst og 3:1 for stor tekst. Påkrævet for de fleste hjemmesider.

    Level AAA

    Forbedret kontrastforhold på 7:1 for normal tekst og 4,5:1 for stor tekst. Anbefales for optimal tilgængelighed.

    Utilstrækkelig kontrast for alle tekststørrelser - opfylder ikke WCAG-standarderne.

    Kontrol af farvekontrast

    Beregn kontrastforholdet mellem tekst- og baggrundsfarver.

    Vælg en farve ved hjælp af farvevælgeren til tekst og baggrundsfarve, eller indtast en farve i RGB-hexadecimalt format (f.eks. #259 eller #2596BE). Du kan justere skyderen for at vælge farve. Web Content Accessibility Guidelines (WCAG) har en specifik retningslinje, der hjælper med at finde ud af, om teksten er læsbar for seende brugere. Dette kriterium bruger en bestemt algoritme til at kortlægge farvekombinationer i sammenlignelige forhold. Ved hjælp af denne formel siger WCAG, at et farvekontrastforhold på 4,5:1 mellem tekst og baggrund er tilstrækkeligt for almindelig tekst (brødtekst), og at stor tekst (18+ pt. almindelig eller 14+ pt. fed) bør have et farvekontrastforhold på mindst 3:1.

    Vigtige funktioner

    • Beregning af kontrastforhold i realtid
    • Kontrol af overholdelse af WCAG AA & AAA
    • HSL-skydere til finjustering
    • Flere formater til forhåndsvisning

    Avancerede værktøjer

    • Automatisk farvefiksering
    • Tekst- og baggrundseksempler
    • Registrering af farvenavn
    • Eksporter resultater