Beginner

Zufallsfarben-Generator

Erzeuge eine oder mehrere zufällige Farben und lies sofort ihre HEX-, RGB- und HSL-Codes sowie die beste Textfarbe für die Überlagerung ab.
1 to 12

Hue mode

Red channel value
242

Primary color: #F29E5F

HEX
#F29E5F
RGB
rgb(242, 158, 95)
HSL
hsl(26, 85%, 66%)
Relative luminance
0,442
Suggested text color
Black
Colors generated
1
Red242
Green158
Blue95
Die Ergebnisse sind Schätzungen, die nur der allgemeinen Information dienen und keine professionelle Beratung darstellen — überprüfen Sie wichtige Ergebnisse stets unabhängig, bevor Sie sich darauf verlassen. Vollständigen Haftungsausschluss lesen.
Schnelle Antwort

Wie funktioniert dieser Rechner?

Ein Zufallsfarben-Generator wählt Rot-, Grün- und Blauwerte von 0 bis 255, um eine Farbe zu bilden, und zeigt sie dann als HEX, RGB und HSL. Er berechnet außerdem die relative Leuchtdichte der Farbe und schlägt schwarzen oder weißen Text für lesbaren Kontrast vor. Wähle eine Anzahl und einen Farbtonmodus, um die Palette warm, kühl oder pastell zu beeinflussen.

Formel
R,G,B = floor(random() × 256); HEX = '#' + hex(R) + hex(G) + hex(B); luminance = 0.2126·R' + 0.7152·G' + 0.0722·B'
How this is calculated

Die Eingabe „Wie viele Farben“ steuert, wie viele unabhängige Zufallsfarben erzeugt werden (begrenzt auf 1–12), und die Auswahl „Farbtonmodus“ formt die Zufallsverteilung. Im Modus „beliebig“ ist jeder der Rot-, Grün- und Blaukanäle eine unabhängige ganze Zahl von 0 bis 255, was eine gleichverteilte Zufallsfarbe über den gesamten 24-Bit-Raum ergibt. Die Modi „warm“, „kühl“ und „pastell“ wählen stattdessen Farbton, Sättigung und Helligkeit in eingeschränkten HSL-Bereichen und wandeln das zurück in RGB, sodass die Farben in einer erkennbaren Familie bleiben.

Jede Farbe wird auf drei Arten angegeben. HEX wird gebildet, indem jeder Kanal in eine zweistellige Basis-16-Zeichenkette umgewandelt und diese nach einem „#“ zusammengefügt wird. HSL wird aus den normalisierten Kanälen abgeleitet: der Farbton ergibt sich daraus, welcher Kanal das Maximum ist, die Helligkeit ist der Durchschnitt des größten und kleinsten Kanals, und die Sättigung ist die Kanalspanne geteilt durch 1 − |2L − 1|. Dies sind gleichwertige Darstellungen derselben Farbe.

Die vorgeschlagene Textfarbe verwendet die relative Leuchtdichte nach WCAG. Jeder Kanal wird auf 0–1 normalisiert und mit der sRGB-Übertragungskurve linearisiert, dann als 0,2126·R + 0,7152·G + 0,0722·B kombiniert. Übersteigt diese Leuchtdichte etwa 0,179, ist der Hintergrund „hell“ und schwarzer Text wird empfohlen, andernfalls bietet weißer Text besseren Kontrast. Da die Farben zufällig sind, ändern sich die Ergebnisse bei jeder Neuberechnung.

Häufige Fragen

Es sind drei Notationen für dieselbe Farbe. RGB listet die Rot-, Grün- und Blauintensitäten (0–255), HEX sind dieselben Werte in Basis 16 geschrieben, und HSL beschreibt die Farbe durch Farbton, Sättigung und Helligkeit.

Sie vergleicht die relative Leuchtdichte der Farbe mit einer Schwelle (~0,179). Hellere Hintergründe erhalten schwarzen Text und dunklere Hintergründe weißen Text, was den Text gemäß den WCAG-Kontrastrichtlinien lesbar hält.

Sie schränken die Zufallsbereiche von Farbton, Sättigung und Helligkeit ein: warm bevorzugt Rot-, Orange- und Gelbtöne, kühl bevorzugt Grün-, Blau- und Violetttöne, und pastell hält die Sättigung niedrig und die Helligkeit hoch für sanfte Tönungen.

Auch bekannt als

zufallsfarbe generator
zufällige farbe
hex farbe generator
rgb generator
farben generator
zufallsfarbe
farbpalette generator

APA

TG we-Calculate Editorial Team. (2026). Zufallsfarben-Generator [Online calculator]. TG we-Calculate. https://we-calculate.com/de/calculator/random-color-generator

Chicago

TG we-Calculate Editorial Team. "Zufallsfarben-Generator." TG we-Calculate. 2026. https://we-calculate.com/de/calculator/random-color-generator.

IEEE

TG we-Calculate Editorial Team, "Zufallsfarben-Generator," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/de/calculator/random-color-generator

BibTeX

@misc{wecalculate_random_color_generator, title = {Zufallsfarben-Generator}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/de/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }

Hat Ihnen dieser Rechner geholfen?