Zufallsfarben-Generator
Erzeugen Sie mit einem Klick eine vollständig zufällige Hex-Farbe – ideal, um Inspiration zu finden oder spontan Kombinationen auszuprobieren.
HEX
#92492D
Erzeugt drei zufällige Bytes mit der kryptografischen API des Browsers und kombiniert sie zu einem hexadezimalen Farbcode.
Anwendungsfälle
- Schnelle Inspiration für eine Design-Palette finden.
- Eine Testfarbe für Mockups erzeugen.
- Eine zufällige Farbe für ein Spiel oder eine visuelle Auslosung wählen.
So funktioniert's
- 1
Farbe erzeugen
Beim Öffnen der Seite wird bereits eine Farbe angezeigt; klicke auf den Button, um eine weitere zu erzeugen.
- 2
HEX kopieren
Kopieren Sie den Hex-Code der Farbe, die Ihnen gefällt.
Technische Details
- Es erzeugt mit crypto.getRandomValues 3 Zufallsbytes, eines pro Kanal (Rot, Grün, Blau): Jede der 16.777.216 HEX-Farben ist gleich wahrscheinlich.
- Da die Verteilung in RGB gleichmäßig ist, kommen viele gedeckte oder mittelgesättigte Töne heraus; eine harmonische Palette ist das nicht. Für abgestimmte Kombinationen nutzen Sie den Palettengenerator.
- Die Farbe wird als HEX angezeigt und lässt sich kopieren. Jeder Klick erzeugt eine neue; es wird kein Verlauf gespeichert.
Häufige Fragen
Erzeugt er automatisch Farben mit gutem Kontrast?
Nein, er ist vollständig zufällig; nutzen Sie den WCAG-Kontrastprüfer, um die Lesbarkeit zu prüfen, bevor Sie die Farbe für Text verwenden.
Wie unterscheidet er sich vom Farbwähler?
Dieser Generator liefert Ihnen mit einem Klick eine zufällige Farbe; wenn Sie selbst visuell eine bestimmte Farbe auswählen möchten, nutzen Sie stattdessen den Farbwähler.
Kann ich einen bestimmten Farbtonbereich einschränken?
Nein, die Farbe wird vollständig zufällig aus allen möglichen Hex-Farben erzeugt, ohne Einschränkung von Farbton, Sättigung oder Helligkeit.
Wird die erzeugte Farbe an einen Server gesendet?
Nein, sie wird in Ihrem eigenen Browser erzeugt.
Ähnliche Tools
- FarbwählerFarbe wählen und HEX, RGB und HSL erhalten.
- Border-Radius-GeneratorErstellt CSS-border-radius mit Vorschau.
- Box-Shadow-GeneratorErstellt CSS-Schatten mit Live-Vorschau.
- CSS-Verlauf-GeneratorErstellt CSS-Verläufe mit Vorschau.
- Paletten-GeneratorErzeugt harmonische Paletten aus einer Basisfarbe.