Gå til indhold
Kom i gang

Farvekontrasttjek

Do4U tjekker kontrasten i dine brand- og websitefarver. Du indtaster dine farver, én pr. linje, og angiver, hvad hver farve bruges til: tekst, baggrund, accent (for eksempel en knap) eller kant. Koden beregner kontrastforholdet for hvert par med WCAG-formlen og viser, hvilke niveauer det når: AA og AAA for normal og stor tekst og 3:1 for kanter, ikoner og knapflader. Værdierne rundes ikke op. For hvert par, der ikke består, får du den nærmeste farve, der består, én gang mørkere og én gang lysere, i samme farvetone. Do4U bygger også en justeret palet og tjekker den igen som helhed. Du eksporterer paletten som CSS custom properties, SCSS-variabler eller JSON, og eksporten laves i din browser. Alt kører i kode, uden AI, og det er gratis.

Prøv det nu Priser

Gratis og uden konto: Beregner af kontrastforhold →

Hvem det er til

Til designere, udviklere, bureauer og websiteejere, der vælger brandfarver eller bygger en styleguide og vil have tekst og knapper, som alle kan læse.

Typiske anvendelser

  • Tjek en ny brandpalet, før designet går i gang
  • Find en grå til sekundær tekst, der stadig består AA
  • Tjek knap-, link- og kantfarver mod sidens baggrund
  • Eksportér de justerede farver som CSS-variabler til dit stylesheet

Eksempel

Input

#1a1a1a text #777777 text Secondary #ffffff background #cccccc border

Resultat

#1a1a1a på #ffffff: 17.4:1, består AA og AAA #777777 på #ffffff: 4.47:1, består ikke AA for normal tekst (består for stor tekst). Mørkere: #767676 → 4.54:1. Lysere: ikke muligt #cccccc på #ffffff: 1.6:1, består ikke ikke-tekst-kontrasten på 3:1. Mørkere: #949494 → 3.03:1 Eksport (justeret): :root { --color-text: #1a1a1a; --secondary: #767676; --color-background: #ffffff; --color-border: #949494; }

Et fast eksempel, forkortet. Rigtige resultater er genereret af AI: tjek dem.

Pris og grænser

Pris
gratis, op til 30 tjek pr. dag
Tilgængeligt med
Gratis, Med pakke
Inputgrænse
Op til 3 000 tegn pr. fil

Privatliv

Behandlet på vores egne servere i EU (Polen). Input og resultater slettes efter 7 dage (Gratis) eller 30 dage (pakker) eller umiddelbart efter, at du har set resultatet, hvis du vælger ikke at gemme dem. Billeder slettes umiddelbart efter behandlingen.

I API'et

Værktøjsnavn: contrast_check. Opret et job med POST /api/v1/jobs, og hent resultatet med GET /api/v1/jobs/{id}. Du finder din API-nøgle i din konto.

curl -X POST https://do4u.eu/api/v1/jobs \
  -H "Authorization: Bearer d4u_…" -H "Content-Type: application/json" \
  -d '{"tool": "contrast_check", "colors": ["#1a1a1a text", "#ffffff background", "#0066cc accent"]}'

Fuld API-dokumentation →

Spørgsmål og svar

Hvordan beregnes kontrastforholdet?

Med formlen fra WCAG 2.2: først den relative luminans for hver farve, derefter (L1 + 0.05) / (L2 + 0.05), hvor L1 er den lyseste farve. Resultatet ligger mellem 1:1 og 21:1. Værdierne sammenlignes uden afrunding, så 4.49:1 når ikke 4.5:1, og visningen runder aldrig op.

Hvilke par tjekkes?

Tekst tjekkes på hver baggrund og på accentfarver, mod 4.5:1 og 7:1 for normal tekst og 3:1 og 4.5:1 for stor tekst. Accent- og kantfarver tjekkes på baggrunden mod 3:1 for ikke-tekst-kontrast. En farve uden rolle sammenlignes med alle andre farver.

Hvordan findes de foreslåede farver?

Kun lysheden ændres, i farverummet OKLCH; farvetonen forbliver den samme. Do4U leder efter den nærmeste farve, der består, én gang mørkere og én gang lysere, og tjekker den igen som hexkode. Hvis ingen farve kan bestå mod en baggrund, siger den det.

Bliver min tekst gemt?

Kun så længe det er nødvendigt: 7 dage med Free, 30 dage med en pakke – eller slet ikke, hvis du vælger ikke at gemme den. Behandlingen sker på vores egne servere i EU (Polen).

Kan jeg bruge resultatet med det samme?

Resultaterne er genereret af AI. Læs dem igennem, før du udgiver eller sender dem.

Relaterede værktøjer

  • Tilgængelighedstjek

    Tjekker en side for almindelige barrierer og forklarer, hvordan du løser dem.

  • Designfeedback ud fra et screenshot

    Upload et screenshot af en side eller app, og få nummererede, konkrete fund om knapstørrelse, kontrast, tekst i billeder, hierarki og afstande, hver med en ramme på billedet. En AI-vurdering, ikke en måling.

  • Alt-tekster

    Korte billedbeskrivelser til skærmlæsere og søgemaskiner.

Alle værktøjer →