Color Palette Generator

One input per line. Output is numbered to match the input order.
Pinned tools are listed in your favourites on the home page.Copies a link to this tool that carries your current input, so it opens ready to run.Gives you an iframe snippet for putting this tool on your own site.
Pick a base color above and select a harmony mode to generate your palette.
Ctrl+Enter Run  · Ctrl+Shift+C Copy  · Esc Clear

Understand Color Palette Generator

Erzeugt komplementäre, analoge, triadische, tetradische, split-komplementäre und monochrome Paletten aus einer einzigen Grundfarbe.

How it works

Der Hex-Grundwert wird in HSL umgerechnet, und das Schema entsteht durch Drehen des Farbtons bei festgehaltener Sättigung und Helligkeit. Komplementär dreht um 180°, analog nimmt ±30°, triadisch nimmt 120° und 240°, tetradisch nimmt 90°, 180° und 270°, und split-komplementär nimmt 150° und 210° – die beiden Farbtöne links und rechts der Komplementärfarbe, was den Kontrast eines Komplementärpaars ohne dessen Härte ergibt. Monochrom ist die Ausnahme: Es hält Farbton und Sättigung fest und führt die Helligkeit über eine feste Leiter von 20 %, 35 %, 50 %, 65 % und 80 %.

When to use it

  • Aus einer einzigen Markenfarbe einen ersten Satz von Akzent- und Sekundärfarben ableiten
  • Mit dem komplementären oder split-komplementären Modus eine Farbe finden, die sich von einem bereits festgelegten Hintergrund abhebt
  • Eine fünfstufige monochrome Rampe für Flächen, Hover-Zustände und Rahmen erzeugen
  • Schnell Alternativen durchspielen, bevor Sie Zeit in das Feintuning einer Palette stecken

Watch out for

  • Die Drehung des Farbtons in HSL ist wahrnehmungsbezogen nicht gleichmäßig. Ein Schritt von 120° ausgehend von einem hellen Gelb landet bei gleicher nomineller Sättigung und Helligkeit auf einer deutlich dunkleren Farbe, triadische Sätze brauchen daher oft eine Korrektur der Helligkeit von Hand.
  • Eine Palette sagt nichts über die Lesbarkeit. Prüfen Sie jedes Paar aus Text und Hintergrund, das Sie einsetzen wollen, im Kontrastprüfer – harmonische Farben verfehlen 4,5:1 häufig.
  • Der monochrome Modus verwirft die Helligkeit der Grundfarbe. Er ersetzt sie durch die feste Leiter, die eingegebene Farbe erscheint also womöglich nicht in ihrer eigenen Palette.
  • Als Grundfarbe werden nur 6-stellige und 3-stellige Hex-Werte angenommen; rgb(), hsl() und benannte Farben nicht.

Frequently Asked Questions

Was ist ein komplementäres Farbschema?

Komplementärfarben liegen sich auf dem Farbkreis direkt gegenüber (180° auseinander). Sie erzeugen maximalen Kontrast und optische Spannung. Beispiel: Blau (#0000FF) und Orange (#FF8000). Geeignet für Handlungsaufforderungen, die sich von einem Hintergrund abheben müssen.

Was ist ein analoges Farbschema?

Analoge Farben liegen auf dem Farbkreis nebeneinander (±30°). Sie wirken harmonisch und kontrastarm – gut für Hintergründe, Verläufe und ruhige Oberflächen. Eine Palette aus Blau, Türkis und Grün ist analog und in der Markenbildung für Gesundheit und Wohlbefinden verbreitet.

Wie erhalte ich aus einer Palette barrierefreie Farbpaare?

Prüfen Sie nach dem Erzeugen Ihrer Palette jede Kombination aus Vorder- und Hintergrund mit dem WCAG-Kontrastprüfer. Für die Stufe AA muss das Kontrastverhältnis bei Fließtext mindestens 4,5:1 betragen – viele erzeugte Paletten brauchen dafür eine Anpassung der Helligkeit.

How to Use Color Palette Generator

  1. Paste or type your input in the input area above.
  2. The tool processes your input automatically or click Run.
  3. Copy or download the result using the action buttons.
  4. Use Ctrl+Enter to run quickly from the keyboard.