DE

Zufallsfarbe-Generator

Eine Zufallsfarbe auf Knopfdruck, auf Wunsch gleich eine ganze Palette: echt zufällig, Pastell, kräftig, dunkel, einfarbig abgestuft oder als Farbharmonie. Zu jeder Farbe gibt es HEX, RGB, HSL und die lesbare Textfarbe mit Kontrastwert.

Quelle: W3C Recommendation, W3C Web Cryptography API – getRandomValues(). Stand: .

Meine ToolboxIhre Eingaben werden nur in diesem Browser gespeichert.

    Ein Klick auf eine Farbfläche kopiert ihren Wert.

    Ergebnis

    Ihre Farben
    Zum Kopieren
      Auswahl
      –

      So wird gerechnet

      So funktioniert der Zufallsfarbe-Generator

      1. Anzahl und Art wählen, etwa sechs Farben im Modus „Pastell“. „Echt zufällig“ lässt alle 16.777.216 Farben des sRGB-Raums zu.
      2. „Neue Farben“ drücken. Jede Änderung der Einstellungen erzeugt ebenfalls neue Farben.
      3. Auf eine Farbfläche klicken kopiert ihren Wert, „Liste kopieren“ übernimmt alle Farben, wahlweise als HEX, RGB oder HSL – etwa für CSS, Figma oder Illustrationen.

      So wird gerechnet

      Im Modus „Echt zufällig“ wird jeder der drei Farbkanäle gleichverteilt zwischen 0 und 255 gezogen. Die übrigen Modi ziehen Farbton, Sättigung und Helligkeit (HSL) aus festen Bereichen: Pastell mit hoher Helligkeit, kräftig mit hoher Sättigung, dunkel mit geringer Helligkeit. „Einfarbig“ nimmt einen Farbton und stuft die Helligkeit von 20 bis 90 Prozent ab. Bei der Farbharmonie bestimmt der Abstand auf dem Farbkreis die Auswahl: 180° komplementär, ±30° analog, 120° Triade, 90° Tetrade.

      Die Spalte „Beste Textfarbe“ zeigt, ob Schwarz oder Weiß auf der Farbe besser lesbar ist, samt Kontrastverhältnis nach WCAG 2.2. Ab 4,5 : 1 gilt normaler Text als gut lesbar.

      Wofür Zufallsfarben taugen

      Ehrliche Grenzen

      Zufallsfarben sind kein Ersatz für ein Farbkonzept: Eine Palette „passt“ nur im Modus Farbharmonie nach Regeln der Farbenlehre. Wie eine Farbe am Bildschirm oder gedruckt aussieht, hängt vom Gerät ab. Es wird nichts hochgeladen.

      Häufige Fragen

      Wie erzeuge ich eine Zufallsfarbe?

      Auf „Neue Farben“ drücken. Bei Anzahl 1 erscheint eine einzelne Farbe, bei höherer Anzahl eine Palette. Ein Klick auf die Farbfläche kopiert den Wert.

      Wie viele Farben sind möglich?

      Im Modus „Echt zufällig“ gibt es 256 × 256 × 256 = 16.777.216 Farben im sRGB-Raum. Die Modi Pastell, kräftig und dunkel schränken Sättigung und Helligkeit ein.

      Wie bekomme ich zusammenpassende Farben?

      Modus „Farbharmonie“ wählen und eine Harmonie einstellen. Komplementär, analog, Triade und Tetrade berechnen die Farbtöne aus einer zufälligen Grundfarbe nach festen Abständen auf dem Farbkreis.

      Was bedeutet die Textfarbe in der Tabelle?

      Sie zeigt, ob Schwarz oder Weiß auf dieser Farbe besser lesbar ist, mit Kontrastverhältnis nach WCAG 2.2. Ab 4,5 : 1 ist normaler Text ausreichend lesbar.

      Wie nutze ich die Farben in CSS?

      Unter „Zum Kopieren als“ HEX, RGB oder HSL wählen und „Liste kopieren“ drücken. Die Werte lassen sich direkt in color, background oder CSS-Variablen einfügen.

      Sind die Farben wirklich zufällig?

      Ja. Die Zufallszahlen kommen vom Zufallsgenerator Ihres Browsers (Web Crypto), nicht von Math.random.

      Quellen und Rechtsgrundlagen

      Stand: · So prüfen wir

      Passende Werkzeuge