🎨 Ein Toolkit,
jede Designaufgabe

Palettengenerator

Erstellen Sie harmonische Farbschemata mit monochromatischen, komplementären, analogen und triadischen Modi. Echtzeitvorschau mit CSS-Export.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🎨 Palettengenerator

Leitfaden zum Farbpalettengenerator

Eine Farbpalette ist eine Sammlung von Farben, die in Designprojekten verwendet werden, um visuelle Harmonie zu schaffen. Unser Palettengenerator hilft Ihnen bei der Erstellung professioneller Farbschemata unter Verwendung farbtheoretischer Prinzipien wie komplementärer, analoger, triadischer und monochromatischer Beziehungen.

So verwenden Sie den Generator: Wählen Sie mit dem Farbwähler eine Grundfarbe aus, wählen Sie einen Farbschematyp, passen Sie den Variationsschieberegler an, um zu steuern, wie stark sich die Farben unterscheiden, und kopieren Sie dann die Hex-Werte oder exportieren Sie sie als CSS-Variablen für Ihr Projekt.

Pro Tips

Frequently Asked Questions

Q: Was ist eine Farbpalette?
Was ist eine Farbpalette? Eine Farbpalette ist eine Reihe von Farben, die ausgewählt wurden, um in einem Design zusammenzuarbeiten.
Q: Wie viele Farben sollte eine Palette haben?
Wie viele Farben sollte eine Palette haben? Die meisten professionellen Paletten verwenden 3–5 Farben: eine Primärfarbe, eine Sekundärfarbe, 1–2 Akzentfarben und eine neutrale Farbe.
Q: Kann ich die generierte Palette für kommerzielle Projekte verwenden?
Kann ich die generierte Palette für kommerzielle Projekte verwenden? Ja, alle von designtool.tools generierten Paletten können in jedem Projekt, einschließlich kommerzieller Arbeiten, kostenlos verwendet werden. Keine Quellenangabe erforderlich.
Q: Wie exportiere ich die Palette in mein Designtool?
Wie exportiere ich die Palette in mein Designtool? Verwenden Sie die Schaltfläche „CSS-Export“, um benutzerdefinierte CSS-Eigenschaften zu kopieren und sie dann in Ihr Stylesheet einzufügen. Kopieren Sie für Figma die Hex-Werte und erstellen Sie manuell einen Farbstil.
Q: Was ist der Unterschied zwischen triadischen und tetradischen Farbschemata?
Was ist der Unterschied zwischen triadischen und tetradischen Farbschemata? Triadic verwendet drei Farben, die im Farbkreis gleichmäßig verteilt sind, wodurch lebendige Kontraste entstehen. Tetradic verwendet vier Farben, die zwei komplementäre Paare bilden, was mehr Abwechslung bietet, aber eine sorgfältige Ausgewogenheit erfordert.

Bauhaus-Farben

Die Bauhaus-Schule definierte die moderne Farbtheorie: Primärfarben als Werkzeuge, klare Kontraste statt Ornamente. Diese Palette zitiert die ikonischen Farben von Weimar, Dessau und der deutschen Designgeschichte.

Bauhaus Rot #BE1E2D

Das ikonische Rot der Bauhaus-Plakate und Drucksachen

Bauhaus Gelb #FFDE17

Das leuchtende Gelb der Bauhaus-Ästhetik

Bauhaus Blau #00509E

Das tiefe Blau des Bauhaus-Farbkreises

Ultramarin #120A8F

Historisches Pigment aus Lapislazuli, von Goethe beschrieben

Ocker #C78B2C

Erdpigment der deutschen Renaissance-Malerei

Petrol #006D7C

Das Blaugrün der Nachkriegszeit und des Mid-Century-Designs

Lindgrün #7CBA3D

Das frische Grün der Frühlingslinden

Ziegelrot #B22222

Die roten Ziegeldächer der Altstädte

Graphit #38383A

Der dunkle Grauton der Zeichenkunst und des Industriedesigns

Weiß #F4F4F4

Das Weiß der Bauhaus-Wände — Raum und Licht

Q: Was sind Bauhaus-Farben?
Was sind Bauhaus-Farben? Die Bauhaus-Farben sind die Primärfarben Rot (#BE1E2D), Gelb (#FFDE17) und Blau (#00509E) sowie Schwarz und Weiß. Die Schule (1919-1933) nutzte sie als systematische Farbenlehre statt dekorativer Ornamente.
Q: Was ist Ultramarin?
Was ist Ultramarin? Ultramarin (#120A8F) ist ein historisches blaues Pigment, ursprünglich aus dem Halbedelstein Lapislazuli gewonnen. Es war teurer als Gold und wurde für Madonnen-Mäntel in der Renaissance reserviert.