# Prompts für KI-Farbpaletten, die brauchbare Paletten liefern

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

Bitte einen Assistenten um „eine schöne Palette“, und du bekommst fünf hübsche Farben, ohne zu wissen, welche Text trägt. Frag nach Rollen, Gründen und Kontrast, und du bekommst etwas, mit dem du heute gestalten kannst.

## The short version

- Ein KI-Farbpaletten-Generator liefert brauchbare Ergebnisse, wenn du nach Farben mit Rollen fragst, etwa Grund, Text, Akzent und Fläche, statt nach einer Liste von Hex-Codes.
- Wer den Ort, das Material oder das Gefühl hinter einer Palette beschreibt, bekommt eigenständigere Farben, als wenn er einen Stil wie pastell oder minimal nennt.
- Assistenten liegen bei Kontrastwerten oft falsch, also prüf jedes Paar aus Text und Hintergrund selbst mit einem Kontrastprüfer.
- Die WCAG verlangen ein Kontrastverhältnis von mindestens 4,5:1 für Fließtext und 3:1 für große Schrift.
- Eine Palette ist erst bewiesen, wenn du sie in echten Designs in echten Größen genutzt hast, mit einer dunklen und einer hellen Version, falls du beide brauchst.

Jeder fähige Chat-Assistent kann als **KI-Farbpaletten-Generator** arbeiten, und den Unterschied zwischen einer hübschen Liste und einer brauchbaren Palette macht der Prompt. Bitte um fünf bis sieben Farben, jede mit einer Aufgabe (Grund, Text, Akzent, Fläche, Rahmen), einem Namen und einem Hex-Code, und beschreibe einen echten Ort oder ein Material statt eines Stils. Prüf dann jedes Paar, das Text tragen soll, mit einem Kontrastprüfer, denn Assistenten nennen oft Kontrastwerte, die sie nie berechnet haben. Die Prompts und Prüfungen unten dauern etwa zehn Minuten.

## Warum generische Prompts generische Paletten liefern

„Gib mir eine moderne Pastellpalette“ fragt das Modell nach der typischsten Antwort auf eine sehr häufige Anfrage. Du bekommst dasselbe Mint, Zartrosa und Flieder, das jeder kostenlose Generator anbietet. Zwei Änderungen beheben das meiste: Gib den Farben Aufgaben, und gib dem Assistenten etwas Konkretes, das er sich vorstellen kann.

### Prompt, der enttäuscht

- „Eine schöne Palette für meine Marke“
- Nur Stilwörter: modern, clean, pastell
- Fünf Hex-Codes, keine Rollen
- Vertraut den Kontrastangaben des Assistenten
- Als Farbfelder im Chat beurteilt

### Prompt, der funktioniert

- Unternehmen, Zielgruppe und Stimmung in einer Zeile
- Eine echte Quelle: ein Ort, ein Material, eine Tageszeit
- Jede Farbe mit Rolle und Namen
- Kontrast in einem Tool geprüft
- Auf einem echten Post in echter Größe beurteilt

## Ein Paletten-Prompt zum Kopieren

```text
Erstelle eine Farbpalette für [Unternehmen in einer Zeile] für [Zielgruppe].
Stimmung: [drei Wörter]. Inspiration: [ein realer Ort, ein Material oder ein Moment].
Vermeiden: [Farben oder Klischees, die du nicht möchtest].

Gib 6 Farben als Tabelle aus: Rolle, Name, Hex-Code.
Rollen: Hintergrund, dunkler Text, heller Text, Hauptfarbe, Akzent (sparsam einsetzen), dezente Fläche.
Sag anschließend, welche Paare für Text vorgesehen sind.
Nenne keine Kontrastverhältnisse; ich prüfe sie selbst.
```

Die letzte Zeile hindert den Assistenten daran, Zahlen zu erfinden. Den Kontrast misst du im nächsten Schritt richtig.

Die Zeile „inspiriert von“ leistet die Hauptarbeit. „Ein Hafen um sechs Uhr morgens“, „Terrakottafliesen nach dem Regen“ oder „das Innere eines alten Buchladens“ geben dem Modell etwas mit echten Farbbeziehungen, deshalb schlagen sie Stilbegriffe. [Farbpalette aus einem Bild](https://gradiently.design/de/guide/color-palette-from-image) nutzt dieselbe Idee mit einem Foto statt mit Worten.

## Ein durchgespieltes Beispiel

So etwa sieht das Ergebnis eines Prompts für einen kleinen Blumenladen aus, inspiriert von „einem kalten Gewächshaus im Vorfrühling“, mit den Stimmungswörtern ruhig, frisch und leise edel.

- Gewächshausnacht: #0f1f1a
- Farnschatten: #1f3b32
- Stängelgrün: #4d7c66
- Ranunkel: #e8a0a8
- Beschlagenes Glas: #eef2ec
- Bereifte Scheibe: #c9d6cc

Grund, dunkler Text, Hauptfarbe, Akzent, heller Text und weiche Fläche. Der rosa Akzent ist für eine kleine Stelle pro Design gedacht.

Mach daraus einen Hintergrund, bevor du urteilst. Farbfelder in einer Reihe sehen immer ordentlich aus; ineinander verlaufende Farben zeigen dir, ob die Familie wirklich zusammengehört oder dort, wo sie sich treffen, schlammig wird.

Gewächshausnacht, Licht in Stängelgrün: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

Der dunkle Grund mit dem Hauptgrün, oben rechts beleuchtet. Schrift in Beschlagenes Glas säße im ruhigen Bereich unten links.

## So prüfst du den Kontrast einer Palette richtig

Sprachmodelle sagen Text vorher, sie rechnen nicht. Ein Modell behauptet vielleicht, ein Paar bestehe, obwohl es das nicht tut. Füg jedes Textpaar in einen Prüfer wie den [Contrast Checker von WebAIM](https://webaim.org/resources/contrastchecker/) ein und nutze die Schwellen der WCAG.

| Verwendung | Minimum WCAG AA | Beispielpaar aus der Palette |
| --- | --- | --- |
| Fließtext und kleine Beschriftungen | 4,5:1 | Beschlagenes Glas `#eef2ec` auf Gewächshausnacht `#0f1f1a` |
| Große Schrift (Überschriften) | 3:1 | Ranunkel `#e8a0a8` auf Farnschatten `#1f3b32` |
| Icons und Bedienelemente | 3:1 | Stängelgrün `#4d7c66` auf Beschlagenes Glas `#eef2ec` |
| Nur Dekoration | Kein Minimum | Bereifte Scheibe `#c9d6cc` als weiche Fläche |

Schwellen aus WCAG 2. Miss jedes Paar, das du nutzen willst; die Tabelle zeigt, welche zu testen sind, keine Ergebnisse.

Fällt ein Paar durch, stell dem Assistenten eine enge Folgefrage: „Dunkle die dunkle Textfarbe ab, bis sie auf der weichen Fläche 4,5:1 erreicht, und behalte ihren Farbton.“ Dann miss erneut. [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility) erklärt die Verhältnisse, und [Farbenblindheit im Design](https://gradiently.design/de/guide/color-blindness-design) behandelt Paare, die den Kontrast bestehen und manche Leser trotzdem verwirren, etwa Rot und Grün mit ähnlicher Helligkeit.

> **Verläufe machen Kontrast komplizierter** Auf einem Verlauf oder Foto ändert sich der Hintergrund hinter dem Text von Buchstabe zu Buchstabe. Prüf den hellsten Punkt hinter heller Schrift und den dunkelsten hinter dunkler Schrift, nicht den Durchschnitt.

## Folge-Prompts, die eine Palette verbessern

- „Gib mir eine helle Version dieser Palette mit demselben Charakter und denselben Rollen.“
- „Welche Farbe hier kommt dem am nächsten, was meine Wettbewerber nutzen? Ersetze sie durch etwas, das sich abhebt.“
- „Schreib jede Farbe zusätzlich zu Hex in `oklch()` und halte die Helligkeitsstufen zwischen den Grüntönen gleichmäßig.“
- „Schlag eine Aufteilung 60, 30, 10 für einen Social-Post mit dieser Palette vor.“
- „Schreib CSS Custom Properties für diese Farben, benannt nach Rolle, nicht nach Farbton.“

Der letzte ist nützlich, wenn du fürs Web baust: Benennung nach Rolle (`--ground`, `--text-deep`) erlaubt dir, die Palette später zu tauschen, ohne jede Regel anzufassen. [Die 60-30-10-Regel](https://gradiently.design/de/guide/60-30-10-rule) erklärt die Aufteilung, und [OKLCH erklärt](https://gradiently.design/de/guide/oklch-explained) zeigt, warum gleichmäßige Helligkeitsstufen Übergänge sauberer machen.

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

Die Palette des Blumenladens als CSS-Variablen, benannt nach Rolle.

## Teste die Palette an echten Designs

Eine Palette beweist sich in einem vollen Feed, nicht im Chat. Mach drei echte Stücke damit: eine Ankündigung, ein Zitat und einen Sale-Post, in den Größen, die du wirklich veröffentlichst. Taucht der Akzent plötzlich überall auf, ist er kein Akzent mehr.

Ein Instagram-Post im Hochformat für einen Blumenladen, der Frühlingsblumen ankündigt, mit heller Schrift auf tiefgrünem Hintergrund

Ein erster Test-Post: dunkler Grund, helle Schrift, ein Farbtupfer.

In Gradiently liegen Paletten im Marken-Kit, und ein Mark hält die Worte von selbst lesbar: Sein ruhigster Bereich wandert hinter den Text, und Auto-Ink wählt pro Zeile helle oder dunkle Schrift aus den eigenen Farben des Marks, so bleiben die Worte in jeder Größe lesbar. [Farbpaletten-Generator](https://gradiently.design/de/guide/color-palette-generator) zeigt Wege zu einer Palette ohne KI, falls du lieber von Hand anfängst.

## FAQ

### Kann ChatGPT eine Farbpalette erstellen?

Ja. Bitte um Farben mit Rollen, Namen und Hex-Codes und beschreibe einen echten Ort oder ein Material als Inspiration. Prüf den Kontrast selbst, denn Assistenten nennen Werte, die sie nie berechnet haben.

### Was ist der beste Prompt für einen KI-Farbpaletten-Generator?

Nenn dein Unternehmen, deine Zielgruppe, drei Stimmungswörter, eine echte Inspirationsquelle und Farben, die du vermeiden willst, und bitte dann um sechs Farben als Tabelle mit Rolle, Name und Hex.

### Wie prüfe ich, ob eine Palette barrierefrei ist?

Teste jedes Paar aus Text und Hintergrund in einem Kontrastprüfer. WCAG AA verlangt 4,5:1 für Fließtext und 3:1 für große Schrift und Bedienelemente.

### Wie viele Farben sollte eine Markenpalette haben?

Fünf bis sieben decken die meisten Marken ab: ein Grund, ein oder zwei Textfarben, eine Hauptfarbe, ein sparsam eingesetzter Akzent und eine weiche Fläche.