Zufallsfarben-Generator
Zufällige Farben und Paletten in HEX, RGB oder HSL erzeugen – mit Farbton-Grenzen, Voreinstellungen für Pastell-, dunkle und kräftige Töne, Fixieren und Export.
🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladenZufallsfarben mit Kontrolle über das Ergebnis
Eine rein zufällige Farbe wirkt oft trüb oder grell – deshalb können Sie bei diesem Generator den Zufall lenken. Jede Farbe wird im HSL-Modell gewählt: ein Farbton von 0 bis 360 Grad, ein Sättigungswert in Prozent und ein Helligkeitswert in Prozent. Indem Sie jeden dieser drei Bereiche eingrenzen, können Sie alles von sanften Pastelltönen über tiefe, dunkle Nuancen bis hin zu knalligen, kräftigen Farben anfordern – und erhalten trotzdem bei jedem Klick auf „Generate“ ein anderes Ergebnis.
Die Voreinstellungen sind Ausgangspunkte. „Pastel“ nutzt mittlere bis hohe Sättigung bei hoher Helligkeit, „Dark“ hält die Helligkeit niedrig, und „Vivid“ setzt auf hohe Sättigung bei mittlerer Helligkeit. Bearbeiten Sie danach ein beliebiges Feld, wechselt die Voreinstellung zu „Custom“. Um innerhalb einer Farbfamilie zu bleiben, verengen Sie den Farbtonbereich: Etwa 90 bis 150 ergibt Grüntöne, und ein Bereich, der über 360 hinausläuft, etwa 330 bis 30, ergibt Rot- und Rosatöne.
Fixieren, neu würfeln und eine Palette aufbauen
Erzeugen Sie bis zu fünfzig Farben auf einmal und nutzen Sie dann die Schaltfläche „Lock“ bei den Farben, die Sie behalten möchten. Wenn Sie neu würfeln, bleiben fixierte Farben an ihrem Platz, und nur die übrigen werden ersetzt. So lässt sich eine Palette Schritt für Schritt aufbauen: Finden Sie eine Grundfarbe, die Ihnen gefällt, fixieren Sie sie und würfeln Sie weiter, bis die passenden Begleitfarben dabei sind. Jedes Farbfeld wählt anhand der relativen Leuchtdichte automatisch schwarzen oder weißen Text, sodass der Wert auf jedem Hintergrund lesbar bleibt.
Palette kopieren und exportieren
Klicken Sie auf ein beliebiges Farbfeld, um seinen Wert im gewählten Format zu kopieren: HEX wie #3B82F6, RGB wie rgb(59, 130, 246) oder HSL wie hsl(217, 91%, 60%). Um das gesamte Set mitzunehmen, kopieren Sie alle Werte auf einmal oder laden Sie sie als Textliste, als JSON-Array, als CSS-Datei mit Custom Properties wie --color-1 oder als PNG-Streifen mit Farbfeldern herunter. Die Zufallswerte stammen aus dem sicheren Zufallsgenerator des Browsers, und nichts, was Sie erstellen, verlässt Ihr Gerät. Damit ist das Tool praktisch für Design-Mockups, Spielegrafiken, Diagramme, Platzhalter-Themes und kreative Anregungen.
So verwenden Sie
- Anzahl und Format festlegenWählen Sie, wie viele Farben Sie möchten (1 bis 50) und ob HEX-, RGB- oder HSL-Werte angezeigt werden sollen.
- Voreinstellung oder Grenzen wählenNutzen Sie die Voreinstellung „Pastel“, „Dark“ oder „Vivid“ oder legen Sie eigene Bereiche für Farbton, Sättigung und Helligkeit fest.
- Fixieren und neu würfelnKlicken Sie auf „Generate“, fixieren Sie die Farben, die Ihnen gefallen, und würfeln Sie dann neu, um nur die nicht fixierten zu ersetzen.
- Kopieren oder exportierenKlicken Sie auf eine Farbe, um sie zu kopieren, oder laden Sie die gesamte Palette als Text, JSON, CSS-Variablen oder PNG herunter.