# Farvepalettegeneratorer: sådan får du paletter, der virker

[Canonical HTML page](https://gradiently.design/da/guide/color-palette-generator)

Generatorer er fremragende til at lave fem pæne farveprøver og dårlige til at fortælle, hvad du skal bruge dem til. Det nyttige sker, efter du har trykket på knappen.

## The short version

- En farvepalettegenerator laver et sæt farver ud fra en regel, et tilfældigt frø, et foto eller en tekstprompt, men den bestemmer ikke, hvilken farve der har hvilket job.
- De fleste genererede paletter giver hver farve samme vægt og lignende mætning, hvilket ser fint ud som farveprøver og højlydt i et rigtigt design.
- En brugbar palet har brug for en lys eller mørk bund, en blækfarve til tekst, en eller to hovedfarver og en lille accent.
- Tjek, at paletten spænder over et bredt område af lyshed, for farver med samme lyshed flyder sammen og består ikke kontrasttjek.
- Test altid en genereret palet på et rigtigt layout med rigtige ord, før du binder dig til den.

En **farvepalettegenerator** er et værktøj, der foreslår et sæt farver, der ser godt ud sammen, ud fra farveteoriens regler, tilfældighed, et foto eller en skrevet prompt. Brug en til at komme videre, og redigér så resultatet: tilføj en neutral bund og en tekstfarve, giv hver farve et job, og test den på et rigtigt design. Generatorens fem farveprøver er et udgangspunkt. Den palet, der virker, er den, du former ud fra dem.

## De vigtigste typer palettegeneratorer

Hver generator gør én af fire ting under motorhjelmen. At vide, hvilken slags du bruger, fortæller dig, hvad den er god til, og hvad du selv skal rette.

| Type | Sådan virker den | God til | Pas på |
| --- | --- | --- | --- |
| Harmonihjul | Vælger farver i faste vinkler fra én basenuance: komplementær, analog, triadisk | Læring og at bygge omkring en farve, du allerede har | Fem farver i samme mætning, hvilket ser syntetisk ud |
| Tilfældig med låse | Blander farver; du låser dem, du kan lide, og blander igen | Opdagelse og at bryde en vane | Behagelige kombinationer uden struktur bag |
| Fra et billede | Udtager et fotos dominerende farver | At matche et produkt, et sted eller et kampagnefoto | Mudrede mellemtoner og farver, du ikke kan bruge til tekst |
| Fra en prompt | En AI-model foreslår farver til ord som rolig bager | Hurtige idéer til en stemning eller en brandbrief | Populære kliché-farver og koder, ingen har tjekket for kontrast |

Adobe Color er et velkendt harmonihjul; Coolors er en velkendt tilfældig generator med låse. De fleste værktøjer blander flere tilgange.

Hvis du vil forstå reglerne bag harmonihjul, så læs [farveharmoni](https://gradiently.design/da/guide/color-harmony). Til fototilgangen forklarer [farvepalet fra et billede](https://gradiently.design/da/guide/color-palette-from-image), hvordan du udtager bedre prøver, og [AI-farvepalettegeneratorer](https://gradiently.design/da/guide/ai-color-palette-generator) dækker prompting.

## Hvorfor genererede paletter ofte fejler i rigtige designs

En generator viser farver som fem lige store striber. Rigtige designs er slet ikke sådan: én farve dækker det meste af pladsen, én bærer ordene, og resten optræder i små mængder. Her er et typisk tilfældigt resultat ved siden af den samme idé efter redigering.

- Rød: #e63946
- Gul: #f1c40f
- Grøn: #2ecc71
- Blå: #3498db
- Lilla: #9b59b6

Som genereret: fem mættede nuancer i lignende styrke. Intet at læse tekst på, intet roligt og intet, der bestemmer.

- Bund #f7f3ec: #f7f3ec
- Blæk #1c2321: #1c2321
- Hovedpetrol #2a6f68: #2a6f68
- Støttesalvie #a8c5b8: #a8c5b8
- Koralaccent #e07a5f: #e07a5f

Efter redigering: en varm råhvid bund, et næsten sort blæk (14,5:1 på bunden), en petrol der bærer bundfarven som tekst med 5,3:1, en stille støtte og én accent.

## Fem justeringer, der gør enhver genereret palet brugbar

1. **Behold den ene farve, du faktisk kan lide** Lås den, og behandl den som hovedfarven. Alt andet findes for at støtte den. Hvis intet skiller sig ud, så generer igen i stedet for at nøjes.
2. **Tilføj en bund og et blæk** Generatorer medtager dem sjældent. Vælg en lys bund (en varm eller kølig råhvid) eller en mørk og en blækfarve til tekst, der kontrasterer stærkt mod den. Tone begge en smule mod din hovedfarve, så de hører til.
3. **Spred lysheden** Se farveprøverne i gråtoner i tankerne eller på skærmen. Du vil have lyse, mellemste og mørke værdier, ikke fem mellemste. Justér lysheden, til hver farve tydeligt er adskilt.
4. **Sænk mætningen på alle undtagen én** Lad accenten forblive kraftig, og dæmp de andre. En støttefarve, der er blødere end hovedfarven, får hovedfarven til at se rigere ud.
5. **Tildel proportioner** En god fordeling at starte med er [60-30-10-reglen](https://gradiently.design/da/guide/60-30-10-rule): bund omkring 60 %, hovedfarve omkring 30 %, accent omkring 10 %. Justér efter øjemål, når du ser det i et layout.

For at lave disse justeringer præcist skal du arbejde i et farveformat, der adskiller lyshed fra nuance. [HSL](https://gradiently.design/da/guide/hsl-colors) er let at læse; [OKLCH](https://gradiently.design/da/guide/oklch-explained) er bedre til at holde lysheden ærlig på tværs af forskellige nuancer.

## Test paletten på et rigtigt layout

Farveprøver skjuler problemer, der dukker op i det øjeblik, ord ankommer. Læg din palet på noget, du faktisk ville lave, som et opslag, en menu eller en heltesektion, og se på den i den størrelse, folk vil se den. Tjek så hvert tekstpar med en [kontrastkontrol](https://gradiently.design/da/guide/color-contrast-accessibility).

Et Instagram-opslag i højformat, der annoncerer en ny menu, sat i en rolig farvefamilie med tydelig, læselig skrift

En palet fortjener sin plads i et rigtigt format med rigtige ord. Hvis overskriften kæmper her, så ændr paletten, ikke overskriften.

En gradient er en hurtig ekstra test. Bland bund-, hoved- og støttefarverne sammen: hvis blandingen bliver grå i midten, kæmper to af farverne, hvilket forklares i [mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients).

Den redigerede palet som gradient: `linear-gradient(160deg, #f7f3ec 0%, #a8c5b8 45%, #2a6f68 85%, #1c2321 100%)`

Bund til salvie til petrol til blæk, uden en grå plet undervejs. Koralen holdes ude, gemt til små accenter.

## Gem den som tokens, ikke et skærmbillede

Når paletten virker, så navngiv farver efter deres job frem for deres nuance, så du senere kan ændre petrolen uden at omdøbe alt. I kode betyder det CSS-variabler; i designværktøjer navngivne stilarter; i Gradiently betyder det brandkittet, hvor paletter, skrifttyper og tone bor sammen, og Designer anvender dem på det, den laver.

```css
:root {
  --color-ground:  #f7f3ec;
  --color-ink:     #1c2321;
  --color-main:    #2a6f68;
  --color-support: #a8c5b8;
  --color-accent:  #e07a5f;
}

.button {
  background: var(--color-main);
  color: var(--color-ground);
}
```

Rollenavne overlever en rebrand. En variabel kaldet --teal gør ikke.

## At søge på farve i stedet for at generere

Nogle gange er det, du egentlig vil have, ikke fem koder, men en færdig baggrund i en farvefamilie. Markedet i Gradiently lader dig søge i Marks med farveord som »dyb petrol« eller »varm fersken« og filtrere på udtryk. Hver Mark er en levende gradient- og materialebaggrund med sin egen palet og skriftstemme, tjekket mod alle andre, så ingen to ligner hinanden, og du kan designe med enhver ikke-sikret Mark gratis. Det er en anden vej til det samme mål: farver, der hører sammen og allerede udfører deres job.

## FAQ

### Hvad er den bedste farvepalettegenerator?

Det afhænger af, hvordan du arbejder: harmonihjul passer til at bygge omkring én farve, tilfældige generatorer med låse til opdagelse og billedudtagere til at matche et foto. Alle kræver redigering bagefter.

### Hvor mange farver skal en palet have?

De fleste brands fungerer godt med en bund, et blæk, en eller to hovedfarver og én accent, så fire eller fem i alt. Mere end det er svært at holde ensartet.

### Hvorfor ser min genererede palet dårlig ud i mit design?

Som regel har farverne lignende lyshed og mætning og ingen tydelige roller. Tilføj en neutral bund og en tekstfarve, spred lysheden, og behold kun én kraftig accent.

### Hvordan tjekker jeg en palet for tilgængelighed?

Test hvert par af tekst og baggrund med en kontrastkontrol, med mindst 4,5:1 som mål for brødtekst, og se paletten i gråtoner for at sikre, at farverne er adskilte.