Kort fortalt
- En AI-farvepalet-generator giver brugbare resultater, når du beder om farver med roller, som baggrund, tekst, accent og flade, frem for en liste med hex-koder.
- At beskrive stedet, materialet eller følelsen bag en palet giver mere karakteristiske farver end at nævne en stil som pastel eller minimalistisk.
- Assistenter tager ofte fejl af kontrastforhold, så tjek hvert par af tekst og baggrund selv med et kontrasttjek.
- WCAG kræver et kontrastforhold på mindst 4,5:1 til brødtekst og 3:1 til stor tekst.
- En palet er først bevist, når du har brugt den i rigtige designs i rigtige størrelser, også i en mørk og en lys version, hvis du har brug for begge.
På denne side
Enhver kompetent chatassistent kan fungere som AI-farvepalet-generator, og forskellen på en pæn liste og en brugbar palet er prompten. Bed om fem til syv farver, hver med et job (baggrund, tekst, accent, flade, kant), et navn og en hex-kode, og beskriv et rigtigt sted eller materiale frem for en stil. Tjek derefter hvert par, der skal bære tekst, med et kontrasttjek, fordi assistenter ofte opgiver kontrastforhold, de aldrig har beregnet. Prompts og tjek herunder tager cirka ti minutter.
Hvorfor generiske palet-prompts giver generiske paletter
»Giv mig en moderne pastelpalet« beder modellen om det mest typiske svar på en meget almindelig anmodning. Du får den samme mint, rosa og lilla, som enhver gratis generator tilbyder. To ændringer løser det meste: giv farverne opgaver, og giv assistenten noget konkret at se for sig.
Prompt, der skuffer
- »En flot palet til mit brand«
- Kun stilord: moderne, ren, pastel
- Fem hex-koder, ingen roller
- Stoler på assistentens kontrastpåstande
- Bedømt som farveprøver i chatten
Prompt, der virker
- Virksomhed, målgruppe og stemning i én linje
- En rigtig kilde: et sted, et materiale, et tidspunkt på dagen
- Hver farve har fået en rolle og et navn
- Kontrast tjekket i et værktøj
- Bedømt på et rigtigt opslag i rigtig størrelse
En palet-prompt, du kan kopiere
Lav en farvepalet til [virksomhed, én linje] rettet mod [målgruppe].
Stemning: [tre ord]. Inspireret af: [et rigtigt sted, materiale eller øjeblik].
Undgå: [farver eller klichéer, du ikke vil have].
Returnér 6 farver som en tabel: rolle, navn, hex.
Roller: baggrund, mørk tekst, lys tekst, hovedfarve, accent (bruges sparsomt), blød flade.
Sig derefter, hvilke par der er tænkt til at bære tekst.
Opgiv ikke kontrastforhold; jeg tjekker dem selv.Linjen »inspireret af« gør det tunge arbejde. »En havn klokken seks om morgenen«, »terracottafliser efter regn« eller »indersiden af en gammel boghandel« giver modellen noget med rigtige farveforhold, og derfor slår de stilbetegnelser. Farvepalet ud fra et billede bruger den samme idé med et foto i stedet for ord.
Et gennemgået eksempel
Her er den slags resultat, du kan forvente af en prompt til en lille blomsterhandler, inspireret af »et koldt drivhus tidligt på foråret«, med stemningsordene rolig, frisk og stilfærdigt dyr.
Omsæt den til en baggrund, før du bedømmer den. Farveprøver på række ser altid ryddelige ud; farver blandet sammen viser, om familien virkelig hører sammen, eller bliver mudret, hvor de mødes.
radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)Sådan tjekker du paletkontrast ordentligt
Sprogmodeller forudsiger tekst; de beregner ikke. En model kan sige, at et par består, når det ikke gør. Indsæt hvert tekstpar i et kontrasttjek som WebAIM's kontrasttjek og brug WCAG's tærskler.
WCAG AA minimum
Eksempelpar fra paletten
#eef2ec på Drivhusnat #0f1f1aWCAG AA minimum
Eksempelpar fra paletten
#e8a0a8 på Bregneskygge #1f3b32WCAG AA minimum
Eksempelpar fra paletten
#4d7c66 på Duggede glas #eef2ecWCAG AA minimum
Eksempelpar fra paletten
#c9d6cc som blød fladeHvis et par ikke består, så stil assistenten et snævert opfølgende spørgsmål: »Gør den mørke tekstfarve mørkere, til den når 4,5:1 på den bløde flade, med bevaret nuance.« Mål så igen. Farvekontrast og tilgængelighed forklarer forholdene, og farveblindhed i design dækker par, der består kontrasten, men stadig forvirrer nogle læsere, som rød og grøn med ensartet lysstyrke.
Opfølgende prompts, der forbedrer en palet
- »Giv mig en lys version af denne palet, der bevarer samme karakter, med samme roller.«
- »Hvilken farve her ligger tættest på det, mine konkurrenter bruger? Erstat den med noget, der skiller sig ud.«
- »Skriv hver farve i
oklch()såvel som hex, og hold lysstyrketrinnene jævne mellem de grønne.« - »Foreslå en 60-30-10-fordeling til et opslag på sociale medier med denne palet.«
- »Skriv CSS-brugerdefinerede egenskaber til disse farver, navngivet efter rolle, ikke nuance.«
Den sidste er nyttig, hvis du bygger til nettet: at navngive efter rolle (--ground, --text-deep) lader dig skifte paletten senere uden at røre hver regel. 60-30-10-reglen forklarer fordelingen, og OKLCH forklaret viser, hvorfor jævne lysstyrketrin giver renere overgange.
:root {
--ground: #0f1f1a;
--text-deep: #1f3b32;
--main: #4d7c66;
--accent: #e8a0a8;
--text-light: #eef2ec;
--surface-soft: #c9d6cc;
}Test paletten på rigtige designs
En palet viser sit værd i et travlt feed, ikke i en chat. Lav tre rigtige stykker med den: en meddelelse, et citat og et udsalgsopslag, i de størrelser, du faktisk udgiver. Begynder accenten at dukke op overalt, er den ikke længere en accent.
Et første testopslag: mørk baggrund, lys skrift, én farvenote.
I Gradiently bor paletter i brandkittet, og en Mark holder selv ordene læselige: dens roligste område flytter sig bag teksten, og Automatisk tekstfarve vælger lys eller mørk skrift pr. linje ud fra Markens egne farver, så ordene forbliver læselige i alle størrelser. Farvepalet-generator dækker veje til en palet uden AI, hvis du hellere vil starte i hånden.
Spørgsmål, folk stiller
Kan ChatGPT generere en farvepalet?
Ja. Bed om farver med roller, navne og hex-koder, og beskriv et rigtigt sted eller materiale som inspiration. Tjek kontrasten selv, fordi assistenter kan opgive forhold, de aldrig har beregnet.
Hvad er den bedste prompt til en AI-farvepalet-generator?
Giv din virksomhed, målgruppe, tre stemningsord, en rigtig inspirationskilde og farver, der skal undgås, og bed så om seks farver som en tabel med rolle, navn og hex.
Hvordan tjekker jeg, om en palet er tilgængelig?
Test hvert par af tekst og baggrund i et kontrasttjek. WCAG AA kræver 4,5:1 til brødtekst og 3:1 til stor tekst og interfacedele.
Hvor mange farver skal en brandpalet have?
Fem til syv dækker de fleste brands: en baggrund, en eller to tekstfarver, en hovedfarve, en accent, der bruges sparsomt, og en blød flade.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil