Farb-Generator

Paletten-System // v1.0

Konfiguration

Bereich: 1-10

Ausgabe Puffer

Warte auf Eingabe...

So hilft dieses Tool

RandomHub erzeugt 1 bis 10 Farben und zeigt für jedes Farbfeld HEX, RGB und HSL. Die sechs Harmonieoptionen sind zufällig, monochromatisch, analog, komplementär, triadisch und tetradisch. Die sechs Tonoptionen sind beliebig, pastell, kräftig, gedämpft, dunkel und hell. Die Harmonie bestimmt die Beziehung der Farbtöne; die Tonoption grenzt Sättigung und Helligkeit ein. Erneutes Generieren zieht mit denselben Einstellungen eine neue Palette, während eine geänderte Option einen anderen Bereich des Farbraums erschließt. Der angezeigte Farbname ist nur eine Näherungsbezeichnung der nächstliegenden Farbe, keine exakte Spezifikation. Für die technische Umsetzung bleiben deshalb die Zahlenwerte maßgeblich.

Sechs klare Harmonieoptionen

Sechs Tonoptionen

Drei kopierbare Formate

Unverzerrte Ganzzahlziehung

Was ist ein Zufalls-Farbgenerator?

RandomHub erzeugt 1 bis 10 Farben und zeigt für jedes Farbfeld HEX, RGB und HSL. Die sechs Harmonieoptionen sind zufällig, monochromatisch, analog, komplementär, triadisch und tetradisch. Die sechs Tonoptionen sind beliebig, pastell, kräftig, gedämpft, dunkel und hell. Die Harmonie bestimmt die Beziehung der Farbtöne; die Tonoption grenzt Sättigung und Helligkeit ein. Erneutes Generieren zieht mit denselben Einstellungen eine neue Palette, während eine geänderte Option einen anderen Bereich des Farbraums erschließt. Der angezeigte Farbname ist nur eine Näherungsbezeichnung der nächstliegenden Farbe, keine exakte Spezifikation. Für die technische Umsetzung bleiben deshalb die Zahlenwerte maßgeblich.

Für wen ist das Werkzeug gedacht?

🎨

Produkt- und Brand-Designer

Schnell mehr visuelle Richtungen erkunden, bevor Kontrast, Barrierefreiheit und Markenfit verfeinert werden.

💻

Frontend-Entwickler

Platzhalterfarben erzeugen und exakte Werte in CSS, Design-Tokens oder Prototypen übernehmen.

📊

Data-Visualisierungsteams

Mit getrennten Farbtönen starten und Lesbarkeit sowie Bedeutung im fertigen Diagramm prüfen.

Was die Einstellungen tatsächlich tun

01

Sechs klare Harmonieoptionen

Zufällig zieht unabhängige Farbtöne. Monochromatisch hält einen Ton, analog bleibt in einem 80°-Fenster, komplementär wechselt Gegentöne, triadisch und tetradisch durchlaufen drei oder vier gleichmäßig verteilte Töne.

02

Sechs Tonoptionen

Beliebig lässt Sättigung und Helligkeit offen. Pastell, kräftig, gedämpft, dunkel und hell begrenzen diese HSL-Bereiche.

03

Drei kopierbare Formate

Jedes Ergebnis enthält HEX, RGB und HSL. Einzelwerte und die gesamte Palette lassen sich kopieren.

04

Unverzerrte Ganzzahlziehung

Die Tonauswahl nutzt Web Crypto getRandomValues mit rejection sampling, wenn ein Bereich den Uint32-Raum nicht gleichmäßig teilt.

Praktische Ausgangspunkte

Interface-Erkundung

Fünf analoge Pastellfarben geben eine ruhige Richtung; danach muss der Textkontrast geprüft werden.

Einstellung: 5 Farben · Analog · Pastell. HEX-Werte in ein experimentelles Token-Set kopieren.

Energiegeladenes Konzept

Drei kräftige triadische Farben lösen die Suche von einer zu vertrauten Markenpalette.

Einstellung: 3 Farben · Triadisch · Kräftig. Das Ergebnis ist eine Richtung, keine fertige Identität.

Diagrammkategorien

Eine tetradische Palette ist ein erster Entwurf; Lesbarkeit, Farbsehschwächen und semantische Reihenfolge folgen.

Einstellung: 4 Farben · Tetradisch · Beliebig. Das echte Diagramm prüfen, nicht nur die Tonabstände.

So wird es benutzt

  1. 1.

    Anzahl wählen

    Eine ganze Zahl von 1 bis 10 eingeben.

  2. 2.

    Harmonie wählen

    Eine der sechs Regeln nach gewünschter Nähe oder Trennung der Farbtöne auswählen.

  3. 3.

    Tonalität wählen

    Beliebig beibehalten oder Pastell, Kräftig, Gedämpft, Dunkel oder Hell wählen.

  4. 4.

    Generieren und kopieren

    Palette erzeugen und HEX, RGB, HSL oder das mehrzeilige Gesamtergebnis kopieren.

Häufige Fragen

Woher kommt der Zufall?

Der Generator nutzt Web Crypto getRandomValues. Ganzzahlbereiche verwenden rejection sampling, damit eine einfache Restwertbildung die Verteilung nicht verzerrt.

Wie werden die Harmonien berechnet?

Analog verteilt Farben von −40° bis +40° um den Grundton (±40°). Komplementär wechselt zwei Töne mit 180° Abstand. Triadisch durchläuft 120°-Abstände, tetradisch 90°-Abstände. Monochromatisch variiert die Helligkeit eines Tons.

Was begrenzen die Tonoptionen?

Pastell, kräftig, gedämpft, dunkel und hell verwenden unterschiedliche Bereiche für Sättigung und Helligkeit. Beliebig lässt beide offen.

Ist der Farbname eine exakte Normbezeichnung?

Nein. Es ist der nächstliegende Name aus einer kuratierten Liste, bestimmt über RGB-Abstand und für die Anzeige lokalisiert. Für Genauigkeit sind HEX, RGB und HSL maßgeblich.

Warum drei Formate?

HEX ist kompakt, RGB zeigt Bildschirmkanäle, HSL trennt Farbton, Sättigung und Helligkeit für gezielte Anpassungen.

Garantiert eine Harmonie Barrierefreiheit?

Nein. Farbtonbeziehungen garantieren weder ausreichenden Kontrast noch Eignung bei Farbsehschwächen. Der endgültige Kontext muss getestet werden.

Vom Zufallsimpuls zur Designentscheidung

Eine generierte Palette hilft vor allem am Anfang, wenn Varianten wichtiger sind als Feinschliff. RandomHub zeigt Anzahl, Harmonie, Tonalität, exakte Zahlenwerte und eine ungefähre Bezeichnung. Eine Harmonie beschreibt geometrische Beziehungen der Farbtöne, legt aber nicht fest, welche Farbe Text, Akzent, Warnung oder Hintergrund tragen soll. Diese Rollen werden erst im echten Interface oder Diagramm vergeben; anschließend müssen Kontrast, Größen, Zustände und Farbsehschwächen geprüft werden. HEX, RGB oder HSL sind die Referenz für die Umsetzung, der nächstliegende Name dient nur zur Orientierung. Markenbedeutung, Reproduktion und visuelle Hierarchie lassen sich ebenfalls nur im konkreten Einsatz beurteilen.

Drei Erwachsene wählen mit einem Schieberegler Senfgelb aus und setzen die Farbe in einem modularen Regalmodell ein.
Drei Erwachsene wählen mit einem Schieberegler Senfgelb aus und setzen die Farbe in einem modularen Regalmodell ein.
Sechs Farbfelder machen eine zufällige Auswahl zum konkreten Ausgangspunkt für Material- und Produktgestaltung.