Zufälliger Farbgenerator
Wählen Sie eine zufällige Farbe aus dem vollständigen 24-Bit-RGB-Bereich und sehen Sie sie als große Farbprobe mit jeder gängigen Darstellung daneben: Hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL und sogar CSS-Namensfarbe als Fallback, wenn eine übereinstimmt. Klicken Sie auf die Farbprobe, um erneut zu würfeln.
Wie man eine zufällige Farbe generiert
-
1
Klicke auf Generieren
Drei zufällige Bytes (0-255) werden zu den R-, G- und B-Kanälen.
-
2
Lesen Sie jedes Format
Hex, RGB, HSL und HSV werden alle angezeigt; kopieren Sie, was Ihr Stylesheet verwendet.
-
3
Sperren, wenn es Ihnen gefällt
Wenn das Ergebnis nah an dem ist, was Sie wollen, aktivieren Sie "Farbe sperren", um den Farbton zu behalten und nur Helligkeit und Sättigung neu zu würfeln.
Der Farbraum
Der Generator schöpft aus 24-Bit-RGB und bietet 16.777.216 mögliche Farben. Das ist der gleiche Farbraum, den dein Monitor anzeigen kann, obwohl einige dieser Werte in den dunkleren oder entsättigten Ecken landen, die schwer zu unterscheiden sind.
Wie jedes Format die gleiche Farbe darstellt
| Format | Syntax | Bytes pro Kanal |
|---|---|---|
| Hex | #RRGGBB |
8 Bit |
| RGB | rgb(R, G, B) |
8 Bit |
| HSL | hsl(H, S%, L%) |
Abgeleitet |
| HSV | hsv(H, S%, V%) |
Abgeleitet |
| OKLCH | oklch(L C h) |
Wahrnehmungsgerecht |
Warum rein zufällig matschig aussehen kann
Einheitliches zufälliges RGB landet häufiger in wahrnehmbar dunklen, entsättigten Farben als in hellen, lebhaften. Wenn du kräftigere Ergebnisse benötigst, würfle erneut mit HSL und gesperrter Sättigung über 60 % und Helligkeit zwischen 45 % und 65 % — du erhältst Farben wie auf einem Magazincover statt Matsch.
Barrierefreiheit
Vergleiche jede generierte Farbe mit weißem oder schwarzem Text und überprüfe das WCAG-Kontrastverhältnis, bevor du sie als Hintergrund für Schaltflächen verwendest. Für Fließtext beträgt das Minimum 4.5:1; für großen Text 3:1.
Häufig gestellte Fragen
Weil der Großteil des RGB-Raums in der dunklen, entsättigten Mitte liegt. Nur eine dünne Schicht nahe den Rändern enthält lebhafte Farben. Generiere in HSL oder OKLCH mit begrenzter Sättigung für lebendige Ergebnisse.
Verwende den Farbton-gesperrten Modus (falls verfügbar): Du wählst einen Farbton in Grad und das Tool würfelt nur Sättigung und Helligkeit. Nützlich, um Töne einer Markenfarbe zu erkunden.
Momentan kein gesperrter Modus — jeder Klick ist eine unabhängige Ziehung aus dem Krypto-RNG. Kopiere den Hex-Code, um eine Farbe zu bewahren.
Ungefähr. Hex-Codes sind geräteabhängig; ein kalibriertes sRGB-Display zeigt sie genau an, ein billiges Laptop verschiebt sie ins Blaue. Für den Druck konvertiere in CMYK, bevor du dem Aussehen vertraust.
Verwandte Tools
Zufälliger Farbpalettengenerator
Erzeugen Sie fünf-Farben-Paletten basierend auf einem zufälligen Grundton, mit komplementären, analogen und triadischen Varianten.
Farbpaletten-Generator
Erzeugen Sie eine harmonische 4-8 Farbenpalette aus einer Basisfarbe mit komplementären, analogen, triadischen und split-komplementären Schemen.
Zufallsbuchstabengenerator
Generieren Sie zufällige Buchstaben aus dem englischen Alphabet. Wählen Sie die Groß- oder Kleinschreibung, ob Duplikate oder einzigartige Ziehungen enthalten sein sollen, und legen Sie fest, wie viele.
HEX-Farbwähler
Wählen Sie eine Farbe visuell aus und erhalten Sie ihre HEX-, RGB-, HSL-, HSV- und CMYK-Werte sowie den Zugänglichkeitskontrast zu Weiß und Schwarz.
JSON-Formatter
Formatieren und schön ausgeben von JSON mit einstellbarem Einzug, sortierten Schlüsseln und Inline-Validierung, die Fehler an der genauen Position hervorhebt.
Zufallsnamen-Generator
Generieren Sie plausible englischsprachige Namen aus beliebten Vor- und Nachnamenslisten. Wähle Geschlecht, Menge und Format.