Farvekontrastkontrol

    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
    Eastern Blue
    #2596be

    Hurtige rettelser

    Aa

    Forhåndsvisningstitel

    Den hurtige brune ræv springer over den dovne hund

    Eksempel på lille tekst (12px)

    Tekst
    #000000
    Baggrund
    #2596be

    WCAG-standarder

    Level AA

    Minimum kontrastforhold på 4,5:1 for normal tekst og 3:1 for stor tekst. Krævet for de fleste websites.

    Level AAA

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

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

    Farvekontrastkontrol

    Beregn kontrastforholdet mellem tekst og baggrundsfarver.

    Vælg en farve ved hjælp af color picker til tekst og baggrundsfarve, eller indtast en farve i RGB-hexadecimal format (f.eks. #259 eller #2596BE). Du kan justere skyderen for at vælge farve. Web Content Accessibility Guidelines (WCAG) har en specifik retningslinje for at hjælpe med at afgøre, om tekst er læsbar for seende brugere. Dette kriterium bruger en bestemt algoritme til at kortlægge farvekombinationer til sammenlignelige forhold. Ved hjælp af denne formel angiver WCAG, at et farvekontrastforhold på 4,5:1 med tekst og dens baggrund er tilstrækkeligt for almindelig (brød)tekst, og stor tekst (18+ pt almindelig, eller 14+ pt fed) skal have mindst et 3:1 farvekontrastforhold.

    Nøglefunktioner

    • Realtidsberegning af kontrastforhold
    • WCAG AA & AAA overholdelseskontrol
    • HSL-skydere til finjustering
    • Flere forhåndsvisningsformater

    Avancerede værktøjer

    • Automatisk farvekorrektion
    • Tekst- og baggrundsprøver
    • Farvenavnsdetektion
    • Eksportér resultater