Was sind Farbharmonien?

Farbgruppen, die nach ihrer Position auf dem Farbkreis gewählt werden: Analoge Farben liegen nebeneinander, Komplementärfarben einander gegenüber und triadische Farben in gleichmäßigem Abstand.

Was sind Schattierungen und Aufhellungen?

Dunklere und hellere Versionen einer Farbe. Die Abstufung umfasst elf Schritte von 50 (am hellsten) bis 950 (am dunkelsten), wie in Designsystemen üblich.

Wie verwende ich die Palette in meinem Code?

Exportiere sie als CSS-Variablen, Tailwind-Theme, JSON oder einfache Liste von HEX-Codes.

Wird etwas hochgeladen?

Nein. Paletten werden auf deinem Gerät erstellt.

Ist Farbpaletten-Generator kostenlos?

Ja. Die Nutzung ist kostenlos, ohne Anmeldung und ohne Installation.

Farb-Tools

Farbpaletten-Generator: Harmonien und Farbtöne – kostenlos

Kostenlos, ohne Anmeldung, läuft in deinem Browser. Erzeuge Farbpaletten auf Tastendruck, fixiere die Farben, die dir gefallen, oder baue eine Palette aus einer Grundfarbe mit analogen, komplementären oder triadischen Harmonien. Export als CSS-Variablen, Tailwind oder JSON.

oder drück Leertaste. Sperr die Farben, die du behalten willst.

Bearbeiten
Bearbeiten
Bearbeiten
Bearbeiten
Bearbeiten

Aus einer Farbe erstellen

GrundfarbeHarmonie

Farbharmonien drehen den Farbton um den Farbkreis: analog bleibt nah dran, komplementär nutzt die gegenüberliegende Seite, triadisch verteilt drei Farbtöne gleichmäßig.

Abstufungen von #2F5BFF

Klick auf eine Abstufung, um sie zu kopieren. Wähl eine andere Farbe der Palette, um ihre Abstufungen zu sehen.

Exportieren

CSS-VariablenTailwindJSONHEX-Liste

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Paletten werden auf deinem Gerät erstellt.

Warum Farbpaletten-Generator nutzen

100 % kostenlos: Nutze es so oft du willst. Ohne Anmeldung, ohne Wasserzeichen, ohne Installation.
Privat von Grund auf: Was du eingibst, bleibt in deinem Browser und wird nie an uns gesendet.
Läuft auf jedem Gerät: Läuft in deinem Browser unter Windows, Mac, Linux, Android und auf dem iPhone. Keine App nötig.

So nutzt du Farbpaletten-Generator

Drücke „Generieren“ (oder die Leertaste), bis dir eine Palette gefällt.
Fixiere Farben, um sie zu behalten, oder baue die Palette aus einer Grundfarbe und Harmonie.
Kopiere einzelne Farben oder exportiere die ganze Palette.

Häufige Fragen

Was sind Farbharmonien?: Farbgruppen, die nach ihrer Position auf dem Farbkreis gewählt werden: Analoge Farben liegen nebeneinander, Komplementärfarben einander gegenüber und triadische Farben in gleichmäßigem Abstand.
Was sind Schattierungen und Aufhellungen?: Dunklere und hellere Versionen einer Farbe. Die Abstufung umfasst elf Schritte von 50 (am hellsten) bis 950 (am dunkelsten), wie in Designsystemen üblich.
Wie verwende ich die Palette in meinem Code?: Exportiere sie als CSS-Variablen, Tailwind-Theme, JSON oder einfache Liste von HEX-Codes.
Wird etwas hochgeladen?: Nein. Paletten werden auf deinem Gerät erstellt.
Ist Farbpaletten-Generator kostenlos?: Ja. Die Nutzung ist kostenlos, ohne Anmeldung und ohne Installation.