Zum Inhalt springen
TextArray
100% lokal

Zufallsfarben-Generator

Erzeuge Zufallsfarben als HEX, RGB oder HSL — mit heller, dunkler, Pastell- und kräftiger Palette.

Ausgabe

Zufallsfarben-Generator

Erzeuge mit einem Klick eine bis hundert Zufallsfarben. Jede Farbe steht auf einer eigenen Zeile — als HEX-Wert, als rgb()- oder hsl()-Notation oder als alle drei nebeneinander —, sodass die Ausgabe direkt in CSS, eine Design-Token-Datei, eine Diagrammkonfiguration oder eine Tabelle wandert. Anzahl, Format und Palette rechnen die Liste sofort neu.

Zufallsfarben braucht man öfter, als man denkt: Platzhalter-Hintergründe für Karten und Avatare, unterscheidbare Serienfarben für ein schnelles Diagramm, Ausgangspunkte für ein Moodboard, Testdaten für ein Theming-System oder schlicht ein Ausweg, wenn man sich nicht entscheiden mag. Eine über den gesamten RGB-Raum gewürfelte Farbe wirkt meist trüb, deshalb arbeitet dieser Generator im HSL-Raum und begrenzt Sättigung und Helligkeit je Palette: Hell hält die Helligkeit zwischen 70 und 90 Prozent, Dunkel bleibt zwischen 10 und 35, Pastell kombiniert sanfte Sättigung von 25 bis 45 Prozent mit hoher Helligkeit, und Kräftig treibt die Sättigung auf 85 bis 100 Prozent bei mittlerer Helligkeit. Beliebig hebt alle Grenzen auf.

Die Option Alphakanal einbeziehen gibt jeder Farbe eine zufällige Deckkraft und schreibt sie in jede Notation — als achtstelligen HEX-Wert, rgba() und hsla(). Eine Farbe pro Zeile heißt: Die Ausgabe passt direkt in den Farbkonverter oder den Kontrastprüfer, wenn du einen Wert genauer untersuchen willst.

Alles läuft lokal in deinem Browser: Es wird keine Anfrage gesendet, nichts protokolliert, und der Zufall stammt aus dem kryptografisch sicheren crypto.getRandomValues — mit Rejection Sampling abgetastet, sodass jeder Wert im Bereich gleich wahrscheinlich ist.

Häufige Fragen

Werden die Farben irgendwohin hochgeladen?
Nein. Sie entstehen vollständig in deinem Browser und verlassen dein Gerät nie. Nichts wird gesendet, gespeichert oder protokolliert.
Wie zufällig sind die Farben?
Farbton, Sättigung und Helligkeit werden mit dem kryptografisch sicheren crypto.getRandomValues gezogen, mit Rejection Sampling und damit ohne Modulo-Bias — jeder Wert im Bereich ist gleich wahrscheinlich.
Warum erzeugt das Tool in HSL statt in RGB?
HSL trennt den Farbton von Sättigung und Helligkeit, eine Palette wie „Pastell" oder „Kräftig" ist also nur eine Grenze für zwei Zahlen. Jede Farbe wird anschließend mit reiner Mathematik nach RGB und HEX umgerechnet, sodass alle drei Notationen exakt dieselbe Farbe beschreiben.
Was macht „Alphakanal einbeziehen"?
Jede Farbe bekommt eine zufällige Deckkraft zwischen 0 und 1, ausgegeben in jeder Notation: achtstelliger HEX-Wert, rgba() und hsla().
Kann ich eine erzeugte Farbe in eine andere Notation umwandeln?
Wähle „Alle drei", um HEX, RGB und HSL nebeneinander zu sehen, oder füge eine Zeile in den Farbkonverter ein — dort gibt es auch Großbuchstaben-Hex, moderne Syntax und Tonpaletten.