Farbe erzeugen
Klicke auf „Neue Zufallsfarbe“, um drei sichere zufällige RGB-Kanäle zu erstellen.
Zufallsfarbe
Entdecke eine Farbe, die du selbst nicht gewählt hättest.
Erzeuge eine neue Farbe, kopiere gängige Farbwerte und prüfe, ob heller oder dunkler Text darauf besser lesbar ist.
HEX
Deine nächste Farbe ist nur einen Klick entfernt.
Neue Zufallsfarbe
Farben werden in diesem Browser-Tab erzeugt.
HEX
#7162E8RGB
rgb(113, 98, 232)HSL
hsl(247, 74%, 65%)Letzte Farben
Deine letzte Palette erscheint hier.
Farben werden in diesem Browser-Tab erzeugt.
So verwendest du den Farbgenerator
Jeder Klick erzeugt eine RGB-Farbe und berechnet die passenden HEX- und HSL-Werte.
Formate ansehen
Sieh dieselbe Farbe als HEX-, RGB- und HSL-Wert.
Kopieren und verwenden
Kopiere das Format, das dein Design- oder Entwicklungswerkzeug benötigt.
Einsatzmöglichkeiten für Zufallsfarben
Designinspiration
Verlasse vertraute Paletten mit einer unerwarteten Ausgangsfarbe.
Prototypen
Erstelle Platzhalter-Farbfelder für Entwürfe und Komponententests.
Farbmodelle lernen
Vergleiche HEX-, RGB- und HSL-Darstellungen derselben Farbe.
Was bedeuten HEX, RGB und HSL?
RGB beschreibt rote, grüne und blaue Kanäle von 0 bis 255. HEX codiert dieselben Werte in sechs hexadezimalen Zeichen, wie sie in CSS üblich sind.
HSL beschreibt Farbton, Sättigung und Helligkeit. Damit lässt sich oft intuitiver einstellen, wie kräftig oder hell eine Farbe wirken soll.
Häufig gestellte Fragen
Kann ich den Farbcode kopieren?
Ja. Kopiere HEX, RGB oder HSL mit einem Klick.
Sind alle RGB-Farben möglich?
Ja. Jeder Kanal kann unabhängig jede ganze Zahl von 0 bis 255 annehmen.
Wie entsteht die Empfehlung für die Textfarbe?
Whimivo schätzt die relative Leuchtdichte und empfiehlt weißen oder dunklen Text für einen höheren Grundkontrast.
Garantiert das die Barrierefreiheit?
Nein. Prüfe genaue Textgröße, Schriftstärke und UI-Zustand immer nach dem Kontraststandard, den du erfüllen musst.