Zum Inhalt springen

Farbpaletten-Generator

Erstellen Sie schöne Farbpaletten mit Harmoniemodi, Kontrastprüfung und CSS-Export.

Leertaste drücken zum Generieren

#A55029Kopieren
#9E37F5Kopieren
#173FC6Kopieren
#E33A03Kopieren
#9D4E22Kopieren
#A55029 · rgb(165,80,41) · hsl(19,60%,40%)
#9E37F5 · rgb(158,55,245) · hsl(273,90%,59%)
#173FC6 · rgb(23,63,198) · hsl(226,79%,43%)
#E33A03 · rgb(227,58,3) · hsl(15,97%,45%)
#9D4E22 · rgb(157,78,34) · hsl(21,64%,37%)

Kontrastprüfung

Aa AA Nicht Bestanden
Aa AA Bestanden
Aa AA Nicht Bestanden
Aa AA Bestanden
Aa AA Nicht Bestanden
Aa AA Bestanden
Aa AA Bestanden
Aa AA Nicht Bestanden
Aa AA Nicht Bestanden
Aa AA Bestanden

Gespeicherte Paletten

Noch keine Paletten gespeichert.

Farbpaletten-Generator: Erstellen Sie Harmonische Farbschemata

Harmonische Farbpaletten zu erstellen ist eine der größten Herausforderungen im Design. Unser kostenloser Farbpaletten-Generator nimmt das Rätselraten bei der Farbauswahl ab, indem er mehrere Harmoniemodi bietet — Analog, Komplementär, Triadisch, Monochromatisch und Zufällig.

Jede Palette generiert fünf Farben, die gut zusammenpassen. Sie können einzelne Farben sperren und den Rest neu generieren, um Ihre Palette iterativ zu verfeinern. Jede Farbe zeigt ihren Wert in HEX, RGB und HSL Formaten, einfach in CSS oder Design-Tools zu verwenden.

Der integrierte Kontrastprüfer hilft sicherzustellen, dass Ihre Farbwahlen barrierefrei sind. Er testet die Textlesbarkeit gegen jede Hintergrundfarbe anhand der WCAG-Richtlinien und zeigt, ob schwarzer oder weißer Text die AA-Barrierefreiheitsstandards erfüllt.

Speichern Sie Ihre Lieblingspaletten im lokalen Speicher, um nie eine tolle Kombination zu verlieren. Exportieren Sie Ihre Palette als CSS-Variablen, die Sie direkt in Ihr Stylesheet einfügen können.

FAQ

Teilen
GesponsertAnzeige

Professionelles Design leicht gemacht mit Canva

Erstellen Sie Logos, Social-Media-Posts, Präsentationen und mehr per Drag-and-Drop.

FAQ

Was ist Farbharmonie und warum ist sie wichtig?+
Farbharmonie bezieht sich auf ästhetisch ansprechende Farbkombinationen basierend auf ihren Positionen im Farbkreis. Harmonische Paletten schaffen visuelles Gleichgewicht und sind ansprechender. Verschiedene Harmonietypen erzeugen unterschiedliche Stimmungen und Effekte im Design.
Wie wähle ich den richtigen Harmoniemodus?+
Analoge Farben schaffen ruhige, einheitliche Designs. Komplementärfarben bieten hohen Kontrast und Energie. Triadisch bietet lebhafte Vielfalt mit Balance. Monochromatisch verwendet einen einzelnen Farbton für subtile, elegante Designs. Zufällig eignet sich zum Experimentieren.
Was bewirkt das Sperren einer Farbe in der Palette?+
Das Sperren einer Farbe hält sie fest, während alle nicht gesperrten Farben neu generiert werden. So können Sie Farben behalten, die Ihnen gefallen, und neue finden, die dazu passen.
Wie exportiere ich meine Palette für CSS?+
Klicken Sie auf "CSS-Variablen Exportieren", um die benutzerdefinierten CSS-Eigenschaften in die Zwischenablage zu kopieren. Die Ausgabe enthält Variablen wie --color-1 bis --color-5 zum direkten Einfügen in Ihren :root-Selektor.
Was ist WCAG-Kontrast und warum sollte ich ihn prüfen?+
Die WCAG definieren minimale Kontrastverhältnisse zwischen Text und Hintergrundfarben für Lesbarkeit. Ein Verhältnis von 4.5:1 wird für normalen Text benötigt (AA-Level). Dieses Tool prüft jede Palettenfarbe als Hintergrund gegen schwarzen und weißen Text.

Beliebteste Tools