AI-kleurenpalet-generator: prompts voor bruikbare paletten

Elke goede chatassistent kan werken als AI-kleurenpalet-generator, en het verschil tussen een mooie lijst en een bruikbaar palet zit in de prompt. Vraag om vijf tot zeven kleuren, elk met een taak (ondergrond, tekst, accent, vlak, rand), een naam en een hexcode, en beschrijf een echte plek of een materiaal in plaats van een stijl. Controleer daarna elk paar dat tekst draagt met een contrastchecker, want assistenten noemen vaak contrastverhoudingen die ze nooit berekenden. De prompts en controles hieronder kosten ongeveer tien minuten.

Waarom algemene paletprompts algemene paletten geven

"Geef me een modern pastelpalet" vraagt het model om het meest gangbare antwoord op een heel gangbaar verzoek. Je krijgt hetzelfde mint, blush en lila dat elke gratis generator biedt. Twee aanpassingen lossen het meeste op: geef de kleuren taken en geef de assistent iets specifieks om in gedachten te zien.

Een paletprompt die je kunt kopiëren

Maak een kleurenpalet voor [bedrijf, in één regel] gericht op [doelgroep].
Sfeer: [drie woorden]. Geïnspireerd door: [een echte plek, materiaal of moment].
Vermijd: [kleuren of clichés die je niet wilt].

Geef 6 kleuren terug als tabel: rol, naam, hex.
Rollen: ondergrond, diepe tekst, lichte tekst, hoofdkleur, accent (spaarzaam gebruikt), zacht vlak.
Zeg daarna welke paren tekst moeten dragen.
Noem geen contrastverhoudingen; die controleer ik zelf.

De regel "geïnspireerd door" doet het zware werk. "Een haven om zes uur 's ochtends", "terracottategels na regen" of "de binnenkant van een oude boekwinkel" geven het model iets met echte kleurrelaties, en daarom winnen ze van stijllabels. Kleurenpalet uit een afbeelding gebruikt hetzelfde idee met een foto in plaats van woorden.

Een uitgewerkt voorbeeld

Dit is het soort resultaat dat je kunt verwachten van een prompt voor een kleine bloemist, geïnspireerd door "een koude kas in het vroege voorjaar", met de sfeerwoorden rustig, fris en ingetogen duur.

Zet het om in een achtergrond voordat je oordeelt. Kleurvlakjes op een rij zien er altijd netjes uit; kleuren die in elkaar overlopen laten zien of de familie echt bij elkaar hoort of troebel wordt waar ze elkaar raken.

Zo controleer je het contrast van een palet goed

Taalmodellen voorspellen tekst; ze rekenen niet. Een model kan zeggen dat een paar slaagt terwijl dat niet zo is. Plak elk tekstpaar in een checker zoals de contrastchecker van WebAIM en gebruik de WCAG-drempels.

Faalt een paar, stel de assistent dan een gerichte vervolgvraag: "Maak de diepe tekstkleur donkerder tot 4,5:1 op het zachte vlak, met behoud van de tint." Meet daarna opnieuw. Kleurcontrast en toegankelijkheid legt de verhoudingen uit, en kleurenblindheid in ontwerp behandelt paren die het contrast halen maar sommige lezers toch verwarren, zoals rood en groen van gelijke helderheid.

Vervolgprompts die een palet verbeteren

• "Geef me een lichte versie van dit palet die hetzelfde karakter houdt, met dezelfde rollen."
• "Welke kleur hier komt het dichtst bij wat mijn concurrenten gebruiken? Vervang hem door iets wat opvalt."
• "Schrijf elke kleur ook in oklch() naast hex en houd de helderheidsstappen tussen de groentinten gelijk."
• "Stel een verdeling 60, 30, 10 voor een socialpost met dit palet voor."
• "Schrijf CSS-variabelen voor deze kleuren, benoemd naar rol, niet naar tint."

De laatste is handig als je voor het web bouwt: benoemen naar rol (--ground, --text-deep) laat je het palet later wisselen zonder elke regel aan te raken. De 60 30 10-regel legt de verdeling uit en OKLCH uitgelegd laat zien waarom gelijke helderheidsstappen overgangen zuiverder maken.

:root {
  --ground: #0f1f1a;
  --text-deep: #1f3b32;
  --main: #4d7c66;
  --accent: #e8a0a8;
  --text-light: #eef2ec;
  --surface-soft: #c9d6cc;
}

Test het palet op echte ontwerpen

Een palet bewijst zich in een drukke feed, niet in een chat. Maak er drie echte stukken mee: een aankondiging, een citaat en een uitverkooppost, op de formaten die je echt publiceert. Als het accent overal gaat opduiken, is het geen accent meer.

In Gradiently staan paletten in de merkkit, en een Mark houdt woorden zelf leesbaar: haar rustigste gebied schuift achter de tekst en Auto-inkt kiest per regel lichte of donkere tekst uit de eigen kleuren van de Mark, zodat de woorden op elk formaat leesbaar blijven. Kleurenpalet-generator behandelt routes naar een palet zonder AI als je liever met de hand begint.