Zufälliger Farbpalettengenerator
Eine harmonisierte Farbpalette ist viel nützlicher als fünf zufällige Farben nebeneinander. Dieses Tool wählt einen Basisfarbton aus und generiert dann vier verwandte Farben mithilfe klassischer Farbtheorie-Beziehungen: analog, komplementär, gespalten-komplementär, triadisch oder tetradisch. Sie können jede Farbprobe, die Ihnen gefällt, sperren und den Rest neu generieren.
Wie man eine Palette erstellt
-
1
Wählen Sie den Harmonietyp
Analog (Nachbarn im Farbkreis), komplementär (Gegensätze), triadisch (120 Grad auseinander), tetradisch (Rechteck) oder monochromatisch (Schattierungen einer Farbe).
-
2
Würfle die Basis
Die erste Farbprobe ist ein zufälliger Farbton mit mittlerer Sättigung und Helligkeit — ein Ausgangspunkt.
-
3
Geschwister werden berechnet
Die anderen Farbmuster stammen von der Basis unter Verwendung der gewählten Harmonie und werden dann für den Kontrast angepasst.
-
4
Sperren und neu würfeln
Behalten Sie die Farbmuster, die Ihnen gefallen; würfeln Sie die anderen neu, bis die Palette harmoniert.
Harmony Cheatsheet
| Schema | Farbverschiebungen im Rad | Stimmung |
|---|---|---|
| Monochromatisch | 0 Grad (gleiche Farbe, unterschiedliche Helligkeit/Sättigung) | Ruhig, minimal |
| Analog | +/- 30 Grad | Warm, natürlich |
| Komplementär | 180 Grad | Hoher Kontrast, kräftig |
| Geteilt-komplementär | 150 / 210 Grad | Kontrast ohne Spannung |
| Triadisch | 0, 120, 240 Grad | Lebhaft, ausgewogen |
| Tetradisch | 0, 90, 180, 270 Grad | Reich, schwer auszubalancieren |
Praktische Tipps
- Eine dominante, zwei unterstützende, zwei Akzente. Gute UI-Paletten folgen einem Verhältnis von 60/30/10 — zwei Drittel des Bildschirms in der dominanten Farbe, ein Drittel unterstützend, ein kleiner Teil als Akzent.
- Überprüfen Sie den Kontrast paarweise. Eine Palette, die harmonisch aussieht, kann dennoch unlesbare Text-auf-Hintergrund-Kombinationen haben. Testen Sie jede Kombination, die Sie versenden möchten.
- Sperren, nicht mitteln. Wenn zwei Farbmuster nicht stimmen, sperren Sie die, die Sie lieben, und wählen Sie neu — „Kompromisse“ durch Mittelung sind nicht sinnvoll. Das Gehirn erkennt Harmonie, nicht Mittelwerte.
Werkzeuge des Handels
Designer haben im Laufe der Jahre unterschiedliche Räder bevorzugt. Das RYB-Rad (rot, gelb, blau) ist der Standard im Klassenzimmer. HSL auf einem Computer ist eine vereinfachte Abstraktion; OKLCH ist der aktuelle Stand der Technik für wahrnehmungsbasierte Einheitlichkeit und es lohnt sich, dies zu lernen, wenn Sie mit zugänglichen Farbsystemen arbeiten.
Häufig gestellte Fragen
Weil feste Sättigung und Helligkeit visuell ähnliche Farbmuster unabhängig von der Farbnuance erzeugen. Variiere die Helligkeit zwischen Farbmuster innerhalb einer Palette — eines hell, eines mittel, eines dunkel — und die Palette wird sofort nützlicher.
Analog und monochromatisch. Sie wirken fast zufällig harmonisiert. Triadisch und tetradisch belohnen das Designvertrauen, können aber bei schwacher Ausführung leicht chaotisch wirken.
Ja — kopieren Sie die Hex-Codes als kommagetrennte Liste, einen CSS-Variablenblock oder ein JSON-Array. Wählen Sie das Format, das Ihr Design-Tool verarbeitet.
Der Kontrast zu Weiß und Schwarz wird für jede Farbprobe angezeigt, damit Sie auf einen Blick sehen können, welche für Text geeignet sind. Die paarweise Kontrastprüfung gemäß WCAG liegt in Ihrer Verantwortung, bevor Sie versenden.
Verwandte Tools
Farbpaletten-Generator
Erzeugen Sie eine harmonische 4-8 Farbenpalette aus einer Basisfarbe mit komplementären, analogen, triadischen und split-komplementären Schemen.
Zufälliger Farbgenerator
Generieren Sie eine zufällige RGB-Farbe, sehen Sie die Hex-, HSL- und RGB-Werte und kopieren Sie jedes Format mit einem Klick.
Zufallsbuchstabengenerator
Generieren Sie zufällige Buchstaben aus dem englischen Alphabet. Wählen Sie die Groß- oder Kleinschreibung, ob Duplikate oder einzigartige Ziehungen enthalten sein sollen, und legen Sie fest, wie viele.
HEX-Farbwähler
Wählen Sie eine Farbe visuell aus und erhalten Sie ihre HEX-, RGB-, HSL-, HSV- und CMYK-Werte sowie den Zugänglichkeitskontrast zu Weiß und Schwarz.
JSON-Formatter
Formatieren und schön ausgeben von JSON mit einstellbarem Einzug, sortierten Schlüsseln und Inline-Validierung, die Fehler an der genauen Position hervorhebt.
Zufallsnamen-Generator
Generieren Sie plausible englischsprachige Namen aus beliebten Vor- und Nachnamenslisten. Wähle Geschlecht, Menge und Format.