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

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.

Hvis du vil forstå reglerne bag harmonihjul, så læs farveharmoni. Til fototilgangen forklarer farvepalet fra et billede, hvordan du udtager bedre prøver, og AI-farvepalettegeneratorer 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.

Fem justeringer, der gør enhver genereret palet brugbar

1. 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. 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. 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. 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. 5

   Tildel proportioner

   En god fordeling at starte med er 60-30-10-reglen: 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 er let at læse; OKLCH 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.

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.

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.

: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);
}

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.