# AI-kleurenpalet-generator: prompts voor bruikbare paletten

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

Vraag een assistent om "een mooi palet" en je krijgt vijf mooie kleuren zonder idee welke de tekst draagt. Vraag om rollen, redenen en contrast en je krijgt iets waarmee je vandaag kunt ontwerpen.

## The short version

- Een AI-kleurenpalet-generator geeft bruikbare resultaten als je om kleuren met rollen vraagt, zoals ondergrond, tekst, accent en vlak, in plaats van een lijst hexcodes.
- Een plek, materiaal of gevoel achter een palet beschrijven levert onderscheidender kleuren op dan een stijl noemen zoals pastel of minimalistisch.
- Assistenten krijgen contrastverhoudingen vaak fout, dus controleer elk tekst- en achtergrondpaar zelf met een contrastchecker.
- WCAG vraagt om een contrastverhouding van minstens 4,5:1 voor lopende tekst en 3:1 voor grote tekst.
- Een palet is pas bewezen als je het in echte ontwerpen op echte formaten hebt gebruikt, ook in een donkere en lichte versie als je beide nodig hebt.

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.

### Prompt die teleurstelt

- "Een mooi palet voor mijn merk"
- Alleen stijlwoorden: modern, strak, pastel
- Vijf hexcodes, geen rollen
- Vertrouwt op de contrastclaims van de assistent
- Beoordeeld als kleurvlakjes in de chat

### Prompt die werkt

- Bedrijf, doelgroep en sfeer in één regel
- Een echte bron: een plek, een materiaal, een moment van de dag
- Elke kleur krijgt een rol en een naam
- Contrast gecontroleerd in een tool
- Beoordeeld op een echte post op echt formaat

## Een paletprompt die je kunt kopiëren

```text
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 laatste regel weerhoudt de assistent ervan cijfers te verzinnen. Je meet het contrast in de volgende stap goed.

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](https://gradiently.design/nl/guide/color-palette-from-image) 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.

- Kasnacht: #0f1f1a
- Varenschaduw: #1f3b32
- Stengelgroen: #4d7c66
- Ranonkel: #e8a0a8
- Beslagen glas: #eef2ec
- Berijpte ruit: #c9d6cc

Ondergrond, diepe tekst, hoofdkleur, accent, lichte tekst en zacht vlak. Het roze accent is bedoeld voor één kleine plek per ontwerp.

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.

Kasnacht, stengellicht: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

De donkere ondergrond met het hoofdgroen van rechtsboven belicht. Tekst in Beslagen glas zou in het rustige linksonder staan.

## 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](https://webaim.org/resources/contrastchecker/) en gebruik de WCAG-drempels.

| Gebruik | WCAG AA-minimum | Voorbeeldpaar uit het palet |
| --- | --- | --- |
| Lopende tekst en kleine labels | 4,5:1 | Beslagen glas `#eef2ec` op Kasnacht `#0f1f1a` |
| Grote tekst (koppen) | 3:1 | Ranonkel `#e8a0a8` op Varenschaduw `#1f3b32` |
| Pictogrammen en interface-onderdelen | 3:1 | Stengelgroen `#4d7c66` op Beslagen glas `#eef2ec` |
| Alleen decoratie | Geen minimum | Berijpte ruit `#c9d6cc` als zacht vlak |

Drempels uit WCAG 2. Meet elk paar dat je wilt gebruiken; de tabel laat zien welke je test, geen resultaten.

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](https://gradiently.design/nl/guide/color-contrast-accessibility) legt de verhoudingen uit, en [kleurenblindheid in ontwerp](https://gradiently.design/nl/guide/color-blindness-design) behandelt paren die het contrast halen maar sommige lezers toch verwarren, zoals rood en groen van gelijke helderheid.

> **Verlopen maken contrast ingewikkelder** Op een verloop of een foto verandert de achtergrond achter tekst van letter tot letter. Controleer het lichtste punt achter lichte tekst en het donkerste punt achter donkere tekst, niet het gemiddelde.

## 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](https://gradiently.design/nl/guide/60-30-10-rule) legt de verdeling uit en [OKLCH uitgelegd](https://gradiently.design/nl/guide/oklch-explained) laat zien waarom gelijke helderheidsstappen overgangen zuiverder maken.

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

Het palet van de bloemist als CSS-variabelen, benoemd naar rol.

## 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.

Een staande Instagram-post voor een bloemist die lentestelen aankondigt, met lichte tekst op een diepgroene achtergrond

Een eerste testpost: donkere ondergrond, lichte tekst, één accent van kleur.

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](https://gradiently.design/nl/guide/color-palette-generator) behandelt routes naar een palet zonder AI als je liever met de hand begint.

## FAQ

### Kan ChatGPT een kleurenpalet maken?

Ja. Vraag om kleuren met rollen, namen en hexcodes en beschrijf een echte plek of een materiaal als inspiratie. Controleer het contrast zelf, want assistenten kunnen verhoudingen noemen die ze nooit berekenden.

### Wat is de beste prompt voor een AI-kleurenpalet-generator?

Geef je bedrijf, doelgroep, drie sfeerwoorden, een echte inspiratiebron en kleuren om te vermijden, en vraag dan om zes kleuren als tabel van rol, naam en hex.

### Hoe controleer ik of een palet toegankelijk is?

Test elk tekst- en achtergrondpaar in een contrastchecker. WCAG AA vraagt 4,5:1 voor lopende tekst en 3:1 voor grote tekst en interface-onderdelen.

### Hoeveel kleuren moet een merkpalet hebben?

Vijf tot zeven dekt de meeste merken: een ondergrond, een of twee tekstkleuren, een hoofdkleur, een spaarzaam gebruikt accent en een zacht vlak.