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

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.

Ein Paletten-Prompt zum Kopieren

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

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.

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 ein und nutze die Schwellen der WCAG.

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 erklärt die Verhältnisse, und Farbenblindheit im Design behandelt Paare, die den Kontrast bestehen und manche Leser trotzdem verwirren, etwa Rot und Grün mit ähnlicher Helligkeit.

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 erklärt die Aufteilung, und OKLCH erklärt zeigt, warum gleichmäßige Helligkeitsstufen Übergänge sauberer machen.

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

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.

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 zeigt Wege zu einer Palette ohne KI, falls du lieber von Hand anfängst.