Zufallsfarben-Generator

So nutzen Sie den Zufallsfarben-Generator

1. Legen Sie die Anzahl der Farben fest (1 bis 20).
2. Wählen Sie einen Modus: - Zufällig in einem Bereich zieht jede Farbe unabhängig. Grenzen Sie Farbton (°), Sättigung (%) und Helligkeit (%) mit den Feldern „von“ und „bis“ ein, um bei einer Farbfamilie zu bleiben – zum Beispiel nur Pastelltöne oder nur Blautöne. - Harmonische Palette (OKLCH) zieht eine zufällige Grundfarbe und leitet die übrigen aus einer Farbharmonie ab. Wählen Sie eine Harmonie (Komplementär, Analog, Triadisch, Geteilt komplementär, Tetradisch, Quadrat, Monochrom) oder lassen Sie Überrasch mich eingestellt, um jedes Mal eine andere Harmonie zu erhalten.
3. Klicken Sie auf Farben erzeugen. Jede Karte zeigt die Farbe mit ihrem HEX-, RGB- und HSL-Code; die kleinen Schaltflächen HEX, RGB und HSL kopieren den jeweiligen Code.
4. Klicken Sie bei den Farben, die Sie behalten möchten, auf Fixieren und dann erneut auf Farben erzeugen: Nur die nicht fixierten Farben ändern sich. Ein weiterer Klick auf die Schaltfläche löst die Farbe wieder.
5. Wählen Sie unter Exportieren als ein Format (HEX-Liste, CSS-Variablen, SCSS-Variablen, JSON-Array oder Tailwind-Farben) und übernehmen Sie das ganze Set mit Kopieren oder Herunterladen.

Wie die Farben gewählt werden

Im Modus Zufällig in einem Bereich werden Farbton, Sättigung und Helligkeit jeweils gleichverteilt innerhalb Ihrer Bereiche gezogen und dann mit derselben Formel von HSL nach RGB umgerechnet, die Browser für hsl() verwenden. Der Farbtonbereich darf über Rot hinweg „umlaufen“: von 330 bis 30 ergibt Pink-, Rot- und Orangetöne über 0° hinweg. Ein paar nützliche Einstellungen:

• Pastelltöne: Sättigung 40–80 %, Helligkeit 75–90 %.
• Dunkle, gedeckte Töne: Sättigung 10–40 %, Helligkeit 15–35 %.
• Nur Blautöne: Farbton 190–250.
• Warme Farben: Farbton 330 bis 60.

Im Modus Harmonische Palette (OKLCH) arbeitet das Tool im OKLCH-Farbraum, einem wahrnehmungsbasierten Modell, in dem gleiche Helligkeitsschritte für das Auge auch gleich aussehen. Die erste fixierte Farbe dient als Grundfarbe; ist nichts fixiert, wird eine zufällige, mittelhelle und recht kräftige Grundfarbe gezogen. Die anderen Farben übernehmen die Farbtonwinkel der Harmonie (bei triadisch etwa +120° und +240°), mit einer kleinen zufälligen Abweichung bei Farbton, Helligkeit und Chroma, damit jeder Klick ein neues Ergebnis liefert. Verlangen Sie mehr Farben, als die Harmonie Farbtöne hat, verwenden die zusätzlichen Farben dieselben Winkel in helleren und dunkleren Varianten. Monochrom behält einen Farbton und verteilt die Helligkeit von dunkel bis hell.

Farben, die ein sRGB-Bildschirm nicht darstellen kann, werden durch Verringern des Chromas zurückgeholt – jeder HEX-Code, den Sie kopieren, ist also eine echte, darstellbare Farbe.

Wofür zufällige Farben nützlich sind

Zufallsfarben eignen sich für Platzhalter-Avatare und Diagramme, Testdaten, generative Kunst, Design-Ideen, wenn Sie vor einer leeren Seite sitzen, oder um eine Farbe für ein Projekt, ein Spielteam oder ein Etikett auszuwählen. Mit dem Fixieren funktioniert das Tool wie ein Spielautomat: Behalten Sie, was passt, und drehen Sie den Rest neu. Der Zufall stammt aus dem kryptografischen Generator Ihres Browsers, und es wird nichts übertragen.