Tilgængelig Farvepalet-Generator
Vælg én basisfarve og få en komplet palet — brødtekst, sekundærtekst, kanter og overflader — hvor alle kombinationer består WCAG 2.1 AA, med AAA markeret hvor det opnås. Alt kører i din browser; intet bliver uploadet.
Byg din palet
Eller hent farverne ud af et billede
Træk et logo eller et skærmbillede herind, indsæt det (Ctrl+V), eller — det læses i din browser, intet uploades. Klik på en farve for at bruge den som basis.
| 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.
Paletten beregner den farve, du vælger. Scanneren måler den, der kom ud.
Generatoren er gratis, og den gør hele farvearbejdet: én basisfarve ind, kontrast-ratios for brødtekst, store overskrifter, kanter og overflader ud, regnet med WCAG 2.1's egen formel. Det ændrer sig ikke med en licens.
Det ingen farvegenerator kan se, er hvad der faktisk blev udgivet. Et tema, et plugin eller en kollega kan skifte kontrasten på den side, du aldrig rørte ved. Den gratis scanner kører allerede de 15 automatiske tjek på en rigtig URL — alt-tekst, formularfelter, overskrifter, kontrast, ARIA, frames og tabeller. EUComply Pro lægger de 18 server-side tjek oveni, så det bliver 33 tjek i alt: om privatlivslinket findes, om der mangler et samtykkebanner på en side der faktisk indlæser sporing, og om HSTS og indholdssikkerhed er sat i svaret. Rapporten kan sendes videre som pdf. $79/år pr. website.
| Plan | Gratis | EUComply Pro |
|---|---|---|
| Hvad du får |
|
|
| Pris | $0ingen licensnøgle nødvendig | $79/år pr. website |