1. Indtast tekstfarve
Indtast en farvekode i HEX-, RGB- eller HSL-format – eller vælg en farve fra farvevælgeren.
Kontrol af farvekontrast og læsbarhed
Indtast tekst- og baggrundsfarve, og værktøjet viser om kontrasten er tilstrækkelig. Beregningerne er baseret på den internationale tilgængelighedsstandard WCAG 2.1.
Kontrastforhold
21.00 : 1
Normal tekst
AA (min. 4,5:1)AAA (min. 7:1)
Eksempeltekst for WCAG 2.1-kontrast
Stor / fed tekst
AA (min. 3:1)AAA (min. 4,5:1)
Eksempeltekst for WCAG 2.1-kontrast
Ikon
AA (min. 3:1)
Hvorfor er farvelæsbarhed vigtig?
Læsbarhed er forskellen i lysstyrke mellem tekstfarven og baggrundsfarven. Jo større forskel, jo lettere er det at læse teksten. For lav kontrast gør indholdet svært at læse – især for personer med synsnedsættelse, ældre eller under vanskelige lysforhold.
Ifølge Verdenssundhedsorganisationen (WHO) har ca. 2,2 milliarder mennesker i verden en eller anden form for synsnedsættelse.
Værktøjet beregner kontrastforholdet med formlen defineret i WCAG 2.1 – internationale retningslinjer for digital tilgængelighed.
Sådan bruger du farvekontrastkontrollen
At kontrollere læsbarheden tager kun få sekunder:
2. Indtast baggrundsfarve
Indtast baggrundsfarven, hvor teksten vil blive vist.3. Læs resultaterne
Værktøjet beregner kontrastforholdet og viser om farverne opfylder WCAG-kravene for normal tekst, stor tekst og ikoner.4. Justér farverne
Hvis kontrasten er for lav, foreslår Match-funktionen automatisk en farvevariant, der opfylder den valgte tærskel.
Kontrastforhold
8.59:1
Normal tekst
AA (min. 4.5:1)AAA (min. 7:1)
Sådan fortolker du resultaterne af læsbarhedstesten
Når farver er indtastet, viser værktøjet resultater i tre sektioner:
- Normal tekst – kræver kontrast 4.5:1 (AA) eller 7:1 (AAA). Gælder tekst under 18pt (24px) eller under 14pt fed.
- Stor tekst / fed – kræver kontrast 3:1 (AA) eller 4.5:1 (AAA). Gælder overskrifter, knapper og fremhævet tekst.
- Ikoner – kræver kontrast 3:1 (AA). Gælder ikoner og grafiske UI-elementer, der formidler information.
Grøn indikator betyder at kravet er opfyldt. Rød indikator betyder at kontrasten er for lav og skal korrigeres.
Hvad betyder niveauerne AA og AAA i WCAG-standarden?
| Funkcja | Niveau AA (minimum) | Niveau AAA (forbedret) |
|---|---|---|
| Normal tekst – min. 4.5:1 | ||
| Normal tekst – min. 7:1 | ||
| Stor tekst / fed – min. 3:1 | ||
| Stor tekst / fed – min. 4.5:1 | ||
| Ikoner og UI-elementer – min. 3:1 | ||
| Lovkrav (EU-direktiv) | ||
| Anbefales til hovedindhold |
Niveau AA (minimum)
- Normal tekst – min. 4.5:1
- Normal tekst – min. 7:1
- Stor tekst / fed – min. 3:1
- Stor tekst / fed – min. 4.5:1
- Ikoner og UI-elementer – min. 3:1
- Lovkrav (EU-direktiv)
- Anbefales til hovedindhold
Niveau AAA (forbedret)
- Normal tekst – min. 4.5:1
- Normal tekst – min. 7:1
- Stor tekst / fed – min. 3:1
- Stor tekst / fed – min. 4.5:1
- Ikoner og UI-elementer – min. 3:1
- Lovkrav (EU-direktiv)
- Anbefales til hovedindhold
Ofte stillede spørgsmål om farvekontrastkontrollen
Udforsk flere gratis værktøjer
JPG/PNG til WebP-konverter
Reducer billedstørrelsen uden kvalitetstab. Konvertér JPG og PNG til WebP og gør din hjemmeside hurtigere.
Billedredigering
Forbered det perfekte udsnit til sociale medier eller din hjemmeside. Vælg et færdigt format eller indtast egne mål.
Favicon-generator
Generér favicon.ico og PNG-ikoner fra et enkelt billede, i overensstemmelse med browser- og Lighthouse-krav.
Meta-titel & beskrivelseskontrol
Kontrollér antal tegn og forhåndsvis hvordan din side vises i Google. Undgå afkortede titler og beskrivelser i søgeresultaterne.
Ord- & tegntæller
Kontrollér tekstlængden og vurdér om den passer til en forside, serviceside, blogindlæg eller produktbeskrivelse.
E-mail-signatur-generator
Opret en professionel e-mail-signatur på få minutter. Kopiér den færdige HTML-kode til Gmail eller Outlook.
Farvekontrastkontrol
Kontrollér om dine tekst- og baggrundsfarver er læsbare. Værktøjet beregner kontrasten ifølge WCAG og hjælper med at vælge den rigtige farve.
Farveudtrækker fra billede
Upload et foto eller logo, og værktøjet udtrækker de dominerende farver. Kopiér genererede farvekoder med et enkelt klik.
Farvepaletgenerator
Vælg én farve og generér 9 paletter: monokromatisk, komplementær, triadisk og flere.
Gratis QR-kode-generator
Opret en QR-kode til en hjemmeside, vCard, menu eller flyer. Eksportér til PNG og SVG, uden login, uden begrænsninger.