Farb-Generator
Paletten-System // v1.0
Bereich: 1-10
Warte auf Eingabe...
Was ist ein Zufalls-Farbgenerator?
Ein Zufalls-Farbgenerator wählt aus den Millionen darstellbarer Bildschirmfarben eine Farbe — oder eine zusammenhängende Palette — und liefert die Werte, die man wirklich braucht. RandomHub gibt 1 bis 10 Farben pro Klick zurück, jagt sie durch fünf Regeln der Farbenlehre (monochromatisch, analog, komplementär, triadisch, tetradisch, dazu rein zufällig) und schiebt das Ergebnis in eine Tonalität: pastell, kräftig, gedämpft, dunkel, hell — oder offen lassen. Jede Farbe kommt mit HEX, RGB und HSL zum Kopieren. Alles passiert im Browser — keine Anmeldung, kein Upload, keine Logs.
Für wen ist der Generator?
UI- und Produkt-Designer
Raus aus den ewig gleichen sechs Markenfarben, wenn man vor dem Stakeholder-Review noch eine Stimmung erkunden will. Pastell-analog für Meditations-App, kräftig-triadisch für Kinder-Produkt, dunkel-tetradisch für Dev-Tool.
Brand-Designer
In der breiten Suchphase eines Brand-Sprints durch dutzende komplementäre und tetradische Kombinationen blättern. Bricht die Endlos-Schleife in Richtung Marineblau.
Frontend-Entwickler
Drei Platzhalterfarben für eine CSS-Demo oder Tailwind-Config? Ein Klick, HEX kopieren, weiter — kein Figma öffnen nötig.
Illustratoren und Digital-Maler
Eine begrenzte Palette für eine Übung mit Farb-Beschränkung erzeugen. Fünf gedämpfte analoge Farben zwingen dazu, mit Helligkeitskontrast zu komponieren statt mit Buntheit.
Daten-Visualisierer
Triadische und tetradische Paletten geben mathematisch klar getrennte Töne für Kategorie-Encoding. Tonalität legt sich darüber — kräftig für Hervorhebung, gedämpft für Kontext-Schichten.
Design-Studierende und Lehrende
Harmonie-Regeln in Aktion sehen. Erst eine Triadische, dann eine Tetradische, dann eine Monochromatische generieren — und beobachten, wie sich derselbe Grund-Ton verändert anfühlt.
Warum dieser Farbgenerator
Fünf echte Harmonie-Regeln
Nicht nur „fünf zufällige Farben, die sich vertragen“. Monochromatisch, analog, komplementär, triadisch, tetradisch — aus einem Grund-Ton berechnet, mit der Mathematik, die in Design-Schulen tatsächlich gelehrt wird.
Tonalitäten, die zu echten Briefings passen
Pastell für Wellness und Bildung. Kräftig für Sport und Jugend. Gedämpft für Editorial und Finance. Dunkel für Tech und Luxus. Hell für Healthcare und SaaS. Stimmung wählen, passende Farbnachbarschaft bekommen.
HEX, RGB und HSL nebeneinander
Pro Zeile ein Kopier-Button pro Format. HSL ist am besten für Sättigungs-Tweaks im CSS, HEX für die Übergabe an Designer, RGB für Code. Format folgt dem Ziel der Farbe.
Komplett im Browser, nichts geloggt
Die Seite generiert lokal mit HSL-Mathematik. Keine gespeicherten Paletten, keine E-Mail-Abfrage, kein Premium-Tier. Alle landen auf demselben Werkzeug.
Typische Szenarien mit Beispielen
Mood-Board für eine Wellness-App
Eine Palette für eine Meditations-App. Knallige Farben würden falsch klingen. 5 Farben mit analoger Harmonie und Pastell-Tonalität ziehen — weiche Grüns und Blaus, die ineinander gleiten.
Einstellung: 5 Farben, Analog, Pastell. Mögliches Ergebnis: #C8E1D2, #B6D8C7, #A4CFBC, #92C6B1, #80BDA6 — kohärenter Satz schwach gesättigter Grüns, in unter einer Minute in Figma-Frames eingefügt.
Energy-Drink-Rebrand erkunden
Drei Wochen Brand-Sprint und immer wieder die Rot-Gelb-Schleife. 4 Farben triadisch und kräftig ziehen, um ein anderes Terrain zu erzwingen.
Einstellung: 4 Farben, Triadisch, Kräftig. Drei Töne im 120°-Abstand mit hoher Sättigung — die Suche springt aus Rot-Gelb in Magenta-Cyan-Bernstein-Kombinationen, die das Team noch nicht im Blick hatte.
Tailwind-CSS-Prototyp
Schnelle Akzentfarben für eine „Light mode“-Demo-Seite. Drei helle, schwach gesättigte Farben generieren, HEX direkt in die Config, weiterbauen.
Einstellung: 3 Farben, Zufällig, Hell. Beispiel-Ausgabe: #E8DCD0, #D4E0DD, #DCD8E8. In tailwind.config als accent-50, accent-100, accent-200 — die Seite ist demo-fertig.
Mal-Übung mit fester Palette
Maler und Illustratoren kommen mit erzwungenen Grenzen voran. Fünf gedämpfte Farben generieren, dasselbe Stillleben nur mit denen malen.
Einstellung: 5 Farben, Zufällig, Gedämpft. Jede Farbe um 30 % Sättigung bei mittlerer Helligkeit — ein staubiger, harmonischer Satz, der zur Komposition über Helligkeit statt über Bunttöne zwingt.
Anwendung
- 1.
Anzahl wählen
1 bis 10. Fünf ist ein guter Standardwert — genug Vielfalt, wenig genug zum Merken.
- 2.
Harmonie wählen
Zufällig zum Erkunden. Analog für Nähe. Komplementär für hohen Kontrast. Triadisch und tetradisch für Kategorie-Paletten. Monochromatisch für Helligkeitsstudien.
- 3.
Tonalität wählen
Pastell, kräftig, gedämpft, dunkel, hell oder „beliebig“. Jede Voreinstellung verengt Sättigung und Helligkeit, damit die Palette in einer bestimmten Stimmung landet.
- 4.
Generieren und kopieren
Generieren-Knopf oder Enter. Jede Farbe zeigt HEX, RGB und HSL mit eigenen Kopier-Buttons. „Alle kopieren“ greift die ganze Palette als mehrzeiligen String — perfekt für Figma, Code, Notizen.
Häufige Fragen
Sind die Paletten wirklich zufällig oder aus einer festen Liste?
Wirklich zufällig. Pro Palette wird ein Grund-Ton (0–360°) gezogen, dann die Harmonie-Regel angewendet und Sättigung sowie Helligkeit aus dem Tonalitäts-Bereich gesampelt. Zwei Durchläufe mit gleichen Einstellungen liefern unterschiedliche Paletten — die Harmonie-Struktur bleibt, die konkreten Werte variieren.
Was unterscheidet die fünf Harmonie-Regeln?
Monochromatisch: ein Ton, variiert über Helligkeit. Analog: Nachbarn auf dem Farbkreis (etwa ±25°). Komplementär: gegenüberliegende Töne 180° entfernt. Triadisch: drei Töne im 120°-Abstand. Tetradisch: vier Töne im 90°-Abstand. Aus demselben Grund-Ton, völlig verschiedener Eindruck.
Wie funktionieren die Tonalitäten technisch?
Jede Voreinstellung begrenzt Sättigung (S) und Helligkeit (L). Pastell: S 25–55 %, L 78–92 %. Kräftig: S 85–100 %, L 42–58 %. Gedämpft: S 15–40 %, L 40–60 %. Dunkel: S 40–95 %, L 12–32 %. Hell: S 30–70 %, L 70–88 %.
Kann ich eine Palette speichern oder teilen?
„Alle kopieren“ liefert die Palette als reinen Text (HEX · RGB · HSL pro Zeile). In Figma, Notizen, Doc oder Slack-Thread einfügen. Kein konto-gebundener Speicher — bewusst so, nichts verlässt den Browser.
Warum HSL neben HEX und RGB?
HSL legt Farbton, Sättigung und Helligkeit als drei separate Werte offen. Das ist das einfachste Format für „10 % mehr Sättigung“ oder „Ton 30° wärmer“ in CSS oder Design-Tools. HEX ist kürzer für die Übergabe. RGB ist näher daran, wie der Bildschirm die Farbe tatsächlich darstellt.
Darf ich die Paletten kommerziell verwenden?
Ja. Farbwerte sind nicht urheberrechtlich geschützt. Jede generierte Palette in kommerziellen Projekten, Markenmaterial, bezahlter Auftragsarbeit oder verkauften Produkten frei nutzen. Keine Quellenangabe nötig.
Wie unterscheidet sich das von Coolors oder Adobe Color?
Coolors und Adobe Color sind ausgereifte Tools mit gespeicherten Bibliotheken, Verlauf-Generatoren, Bild-Extraktion und Community-Sharing. RandomHub macht eine Sache: schnelle, regelbasierte Zufalls-Paletten mit HEX / RGB / HSL zum Einfügen — keine Anmeldung, keine Bibliothek, kein Upsell.
Warum maximal 10 Farben?
Über sieben oder acht Farben hinaus produzieren die meisten Harmonie-Regeln visuell ähnliche Ergebnisse — das Auge kann sie nicht mehr als Palette unterscheiden. Zehn ist eine großzügige Obergrenze, bei der jedes Ergebnis noch sinnvoll bleibt.
Über zufällige Paletten im Design
Designer nutzen Zufall als kreativen Eingang, solange es die Disziplin gibt. Die Bauhaus-Übung „Stell drei Farben nebeneinander und zwing sie zur Harmonie“ ist derselbe Mechanismus — Zwang und Überraschung schubsen das Hirn an seinem ersten Reflex vorbei. Was sich mit Bildschirmen geändert hat: Harmonie-Regeln werden sofort berechnet. Eine triadische Palette, die 1965 mit dem Munsell-Rad eine halbe Stunde brauchte, dauert 2026 einen Klick. Genau das ist der Punkt. Die erste generierte Palette ist selten die, die ausgeliefert wird; der Wert liegt darin, in fünf Minuten zwanzig durchzugehen und zu merken, welche Kombination zündet. RandomHub setzt auf drei Entscheidungen: Harmonie-Regeln verankern die Mathematik in echter Farbenlehre statt in „fünf zufällige Farben“, Tonalitäten korrespondieren mit echten Design-Briefings statt willkürlicher Kategorien, und HSL / HEX / RGB kommen zusammen, damit man nichts von Hand umrechnen muss. Wenn eine Regel oder Tonalität fehlt, die Sie wirklich brauchen, ist das ein Signal — schreiben Sie uns.
Verwandte Zufalls-Tools
Verwandte Zufalls-Tools
Nutzen Sie weitere Tools für Unterricht, Spiele, Planung, Schreiben und schnelle Entscheidungen.