Zufälliger Farbgenerator

Funktionen

6 bis 12 Farben erzeugen

HEX-, RGB- und HSL-Werte

Per Klick kopieren

Farben fixieren

Anleitung

1. Leertaste (oder Generieren) drücken — die Fläche füllt sich mit Zufallsfarben.

2. Favoriten sperren — gesperrte Kacheln überstehen den nächsten Wurf. Ein Klick auf eine Kachel kopiert ihren Wert.

3. Das Wertformat (HEX / RGB / HSL / OKLCH) in der Leiste umschalten oder das ganze Set auf einmal kopieren.

Über dieses Werkzeug

Manchmal findet man eine Farbrichtung am schnellsten, indem man den Zufall etwas vorschlagen lässt. Dieser Generator füllt die Bühne mit 3 bis 12 Zufallsfarben aus dem kryptografisch sicheren Zufallszahlengenerator des Browsers und zeigt jede als HEX, RGB, HSL oder OKLCH samt ungefährem Farbnamen. Drücken Sie die Leertaste oder Generieren, um neu zu würfeln; sperren Sie Felder, die Ihnen gefallen, und sie überstehen die nächste Runde – so bauen Sie Schritt für Schritt eine Auswahl auf. Klicken Sie auf ein Feld, um seinen Wert zu kopieren, oder kopieren Sie die ganze Auswahl auf einmal. Zufallsfarben eignen sich hervorragend für Inspiration, Testdaten, Avatar-Hintergründe und Diagramm-Platzhalter; für eine Marken- oder Oberflächenpalette sollten Sie die Harmonie jedoch verfeinern und den Textkontrast prüfen, bevor Sie sie einsetzen.

Häufig gestellte Fragen

Wie werden die Zufallsfarben erzeugt?

Die Werte stammen aus crypto.getRandomValues, der sicheren Zufallsquelle des Browsers. Jede der 16,7 Millionen 24-Bit-RGB-Farben ist daher gleich wahrscheinlich, und die Ergebnisse wiederholen sich nicht in einem vorhersagbaren Muster.

Wie funktionieren gesperrte Farben?

Ein gesperrtes Feld behält seine Farbe beim erneuten Generieren, während nicht gesperrte Felder neue Zufallsfarben erhalten. So behalten Sie die Farben, die Ihnen gefallen, und würfeln den Rest weiter.

Welches Wertformat sollte ich kopieren?

HEX wird von Designwerkzeugen und CSS am breitesten akzeptiert. HSL lässt sich von Hand leichter anpassen, und OKLCH ist nützlich, wenn Sie die Helligkeit mehrerer Farben in modernem CSS einheitlich abstimmen möchten.

Ergeben Zufallsfarben eine barrierefreie Palette?

Nicht von allein. Zufällige Paare haben oft zu wenig Kontrast. Nutzen Sie sie als Ausgangspunkt und prüfen Sie jede Kombination aus Text und Hintergrund mit einem Kontrastprüfer nach WCAG AA.

Wie bekomme ich sanftere oder kräftigere Zufallsfarben?

Hier ist jeder RGB-Wert gleich wahrscheinlich, die Ergebnisse reichen also von gedeckt bis leuchtend. Kopieren Sie eine Farbe, die Ihnen gefällt, in den Farbkonverter und senken Sie die Sättigung für sanftere oder erhöhen Sie sie für kräftigere Töne – oder bauen Sie mit dem Farbpaletten-Generator eine harmonische Palette daraus.

Funktionen

Anleitung

Über dieses Werkzeug

Häufig gestellte Fragen

Verwandte Werkzeuge