Zufälliger Farbgenerator
Erzeuge mit einem Klick zufällige Hex- und RGB-Farben.
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien werden niemals auf einen Server hochgeladen.
#5e44d6
rgb(94, 68, 214)
#35a7cc
rgb(53, 167, 204)
#119658
rgb(17, 150, 88)
#c277c5
rgb(194, 119, 197)
#496646
rgb(73, 102, 70)
#1d5ba7
rgb(29, 91, 167)
Was dieses Tool macht
Erzeugt auf einmal sechs zufällige Farben, jede als Muster zusammen mit ihrem Hex-Code (#rrggbb) und RGB-Wert (rgb(r, g, b)) angezeigt, sodass du beide Formate ansehen und kopieren kannst.
So wird es verwendet
Klicke auf "Generate random colors", um alle sechs Muster durch einen neuen Satz zu ersetzen. Klicke auf den Hex- oder RGB-Text unter einem Muster, um diesen Wert in die Zwischenablage zu kopieren — du kannst beliebig oft neu generieren.
Durchgerechnetes Beispiel
Die Umrechnung von Hex zu RGB funktioniert immer gleich, egal welche Farbe erscheint: Der Hex-Code #3498db zerfällt in die Byte-Paare 34, 98 und db, die dezimal 52, 152 und 219 entsprechen — deshalb zeigt das Tool neben diesem Hex-Wert rgb(52, 152, 219) an.
Methode
Jede Farbe beginnt als zufällige Ganzzahl zwischen 0 und 16.777.215 (0xffffff, der höchste 24-Bit-Wert), erzeugt mit Math.random() und dann in eine mit führenden Nullen aufgefüllte 6-stellige Hexadezimalzeichenfolge umgewandelt. Der zugehörige RGB-Wert stammt aus derselben Ganzzahl, indem ihre Rot-, Grün- und Blau-Bytes per Bit-Shift extrahiert werden — nicht aus drei separat erzeugten Zahlen.
Formate und Kopieren
Jedes Muster zeigt Hex und RGB nebeneinander, weil unterschiedliche Tools unterschiedliche Formate erwarten — CSS und Design-Software akzeptieren meist beide, aber manche Kontexte, etwa ältere E-Mail-Vorlagen, unterstützen nur Hex. Beide Werte haben eine eigene Ein-Klick-Kopierschaltfläche.
Grenzen
Die Farben stammen aus Math.random(), einem schnellen Allzweckgenerator, nicht aus dem kryptografisch sicheren crypto.getRandomValues(), das Tools wie der Zufällige String-Generator verwenden — geeignet für Designinspiration, aber nicht für sicherheitsrelevante Zwecke. Farben werden zudem unabhängig voneinander aus dem gesamten RGB-Raum ohne Palettenlogik gewählt, sodass ein Sechser-Set grelle Kombinationen oder Farben mit schlechtem Kontrast zu weißem oder schwarzem Text enthalten kann. Für Farben, die gut zusammenpassen, nutze stattdessen den Farbpaletten-Generator.
Datenschutz und Verarbeitung
Jede Farbe wird lokal in deinem Browser mit dem eingebauten Zufallszahlengenerator von JavaScript erzeugt. Nichts wird an einen Server hochgeladen oder dort gespeichert.
Häufig gestellte Fragen
- Wie zufällig sind diese Farben?
- Jede Farbe wird gleichmäßig zufällig aus dem gesamten RGB-Farbraum gewählt — keine Verzerrung zu einem bestimmten Farbton.
- Welche Formate werden angezeigt?
- Sowohl Hex (#rrggbb) als auch RGB (rgb(r, g, b)) — klicke auf eines, um es zu kopieren.
- Kann ich stattdessen eine thematische Palette erzeugen?
- Für ein sorgfältiger zusammengestelltes Farbset, das gut zusammenpasst, probiere den Farbpaletten-Generator.
- Ist das sicher, um Sicherheitsschlüssel oder Token zu erzeugen?
- Nein — die Farben werden mit Math.random() erzeugt, das schnell, aber nicht kryptografisch sicher ist. Für Zufallswerte in sicherheitsrelevanten Kontexten verwende ein Tool, das auf crypto.getRandomValues() basiert, wie den Zufälligen String-Generator.