Farbpaletten-Generator

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

Leertaste drücken zum Generieren

#A1AC69Kopieren
#9385ADKopieren
#FB5CA0Kopieren
#C5F730Kopieren
#2D1373Kopieren
#A1AC69 · rgb(161,172,105) · hsl(70,29%,54%)
#9385AD · rgb(147,133,173) · hsl(261,20%,60%)
#FB5CA0 · rgb(251,92,160) · hsl(334,95%,67%)
#C5F730 · rgb(197,247,48) · hsl(75,93%,58%)
#2D1373 · rgb(45,19,115) · hsl(256,72%,26%)

Kontrastprüfung

Aa AA Bestanden
Aa AA Nicht Bestanden
Aa AA Bestanden
Aa AA Nicht Bestanden
Aa AA Bestanden
Aa AA Nicht 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

Unterstütze dieses Projekt

Wenn du unsere Tools nützlich findest, spendiere uns einen Kaffee!

Buy Me a Coffee

Beliebteste Tools