Rechnerpilot Werkzeug

Farbgenerator

Erzeuge zufällige Farben mit HEX-, RGB- und HSL-Werten für Design und Tests – lokal im Browser.

Generatoren

Klicke auf „Generieren", um Farben zu erzeugen.

Erklärung

So funktioniert der Farbgenerator

Der Farbgenerator erzeugt zufällige Farben. Für jede Farbe werden drei Zufallswerte für Rot, Grün und Blau (je 0–255) gezogen und daraus die gängigen Notationen HEX, RGB und HSL berechnet. HSL beschreibt dieselbe Farbe über Farbton, Sättigung und Helligkeit und erleichtert gezielte Anpassungen.

Die Erzeugung erfolgt lokal im Browser mit Math.random. Die Farben sind rein zufällig und nicht auf Kontrast oder Barrierefreiheit geprüft.

Grenzen dieses Tools

Keine Kontrast- oder WCAG-Prüfung.
Keine Paletten-Harmonie (komplementär, monochrom o. Ä.).
Math.random — nicht für Sicherheitszwecke.

Quellen

CSS Color Module: Definition von HEX-, RGB- und HSL-Notation.

Praxis

Praxisbeispiele

Farbpalette

Acht zufällige Farben als Ausgangspunkt für ein Design-Moodboard.

HEX für CSS

HEX-Werte lassen sich direkt in CSS oder Design-Tools übernehmen.

HSL verstehen

HSL zeigt Farbton, Sättigung und Helligkeit — praktisch zum gezielten Anpassen.

FAQ

Häufige Fragen

Wie werden die Farben erzeugt?

Für jede Farbe werden drei Zufallswerte (Rot, Grün, Blau, je 0–255) mit Math.random gezogen und daraus HEX-, RGB- und HSL-Darstellung berechnet.

Sind die Farben barrierefrei/kontraststark?

Nein. Die Farben sind rein zufällig und nicht auf Kontrast, Lesbarkeit oder WCAG-Konformität geprüft. Kontraste müssen separat sichergestellt werden.

Werden HEX, RGB und HSL dieselbe Farbe darstellen?

Ja. Die drei Werte beschreiben dieselbe Farbe in unterschiedlicher Notation; HSL wird aus den RGB-Werten berechnet und dabei gerundet.

Werden die Farben gespeichert?

Nein. Die Farben werden im Browser erzeugt und bei jedem Klick neu gezogen. Es findet keine Speicherung statt.

Tipps

Gut zu wissen

HEX eignet sich direkt für CSS und die meisten Design-Tools.
HSL erleichtert gezielte Anpassungen von Helligkeit und Sättigung.
Zufallsfarben sind nicht auf Kontrast geprüft.

Verwandte Rechner