Byg din palet
| Prøve | Rolle | Hex (klik for at kopiere) | Kontrast mod bg | AA normal | AAA normal |
|---|
Eksportér din palet
Live forhåndsvisning
Dette er brødtekst i din genererede læsbare farve. Den overstiger komfortabelt WCAG AA-minimum på 4,5 : 1 mod din valgte baggrund.
Dette er sekundær tekst — svagere end brødteksten, men stadig over AA-grænsen så den forbliver læselig.
Ratioerne bruger WCAG 2.1's relative luminans-formel — samme formel som vores kontrast-checker. Rollerne følger gængs praksis: brødtekst ≥ 4,5:1, store overskrifter ≥ 3:1, UI-kanter ≥ 3:1 (SC 1.4.11). Vil du scanne en hel eksisterende side? Prøv den gratis Accessibility Scanner.
Sådan virker det
Udgangspunktet er din basisfarve. Hver rolle findes ved at justere lyshedstallet indtil kontrast-ratioen mod baggrunden når det krævede niveau: brødtekst sigter efter ≥ 4,5:1 (AAA ≥ 7:1 når det kan nås uden at farven fjerner sig fra nuancen), sekundærtekst ≥ 4,5:1 med lavere mætning, kanter ≥ 3:1, og overflader er toninger af basen. Regnearterne er identiske med WCAG-specifikationen — ingen tilnærmelser, ingen serverkald.
← Alle gratis værktøjer · Kontrast-checker · Hele-siden-scanner · Farveblindhedssimulator · English version
Frequently asked questions
Hvad betyder WCAG AA og AAA?
Det er kontrastniveauer fra Web Content Accessibility Guidelines. AA kræver en kontrast på mindst 4,5:1 for almindelig tekst (3:1 for stor tekst); AAA kræver 7:1. Hver genereret palet viser de præcise tal, så du kan vælge kombinationer der overholder reglerne.
Må jeg bruge paletterne kommercielt?
Ja. Farvekombinationerne er dine at bruge i alle projekter — de beregnes ud fra din basisfarve og har ingen licensbegrænsninger.
Virker det til dark mode?
Ja. Generér fra en mørk basisfarve og få lyse tekstparinger, og tjek tallene på samme måde. Dark mode kræver ofte højere kontrast end man tror — verificér i stedet for at gætte.
Sendes mine farver nogetsted hen?
Nej. Paletter beregnes lokalt i din browser med JavaScript — intet forlader din enhed.