Zufälliger Farbgenerator

Zufällige Farben

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. 1

    Klicke auf Generieren

    Drei zufällige Bytes (0-255) werden zu den R-, G- und B-Kanälen.

  2. 2

    Lesen Sie jedes Format

    Hex, RGB, HSL und HSV werden alle angezeigt; kopieren Sie, was Ihr Stylesheet verwendet.

  3. 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