← Zurück zu den Tools

Farbpaletten-Generator

Erzeuge mit einem Klick polierte Fünf-Farb-Paletten, sperre die Farbkästchen, die dir gefallen, und exportiere sie für Designsysteme, Mockups oder Code.

Paletten-Arbeitsbereich

Drücke Leertaste, um neu zu mischen, klicke auf ein Farbkästchen, um es zu bearbeiten, und sperre die Farben, die du behalten willst.

Modus Zufällig
Gesperrt 0
Farbkästchen 0

WCAG-Kontrastverhältnisse

Barrierefreiheits-Prüfungen zwischen benachbarten Farbkästchen sowie Weiß gegen deine erste Farbe.

Beste benachbarte Bewertung Nicht bestanden
vs.
0:1

Bessere Farbsysteme schneller erstellen

Dieser Paletten-Generator hilft Designern, Entwicklern und Marketern, ausgewogene Farbsysteme schnell aufzubauen — egal ob du Markenfarben, UI-Akzente oder Inspiration für eine neue visuelle Richtung brauchst.

Harmonie-Modi

Wechsle zwischen analogen, komplementären, triadischen, monochromatischen, Pastell-, lebendigen, gedämpften, erdton- und Neon-Paletten.

Export-Optionen

Bringe deine Palette ins Design und in den Code mit PNG, CSS-Variablen, Tailwind-Konfiguration, SCSS-Variablen, JSON oder einer teilbaren URL.

Sperre, was funktioniert

Behalte starke Ankerfarben und generiere drumherum neu, bis die ganze Palette dort landet, wo du sie haben willst.

Barrierefreiheits-Checks

Nutze die eingebauten WCAG-Verhältnisse, um schwache Kombinationen früh zu erkennen, bevor sie in die Produktion kommen.

Häufig gestellte Fragen

Was ist WCAG-Kontrast?+
WCAG (Web Content Accessibility Guidelines) definiert Kontrastverhältnisse für barrierefreien Text. AAA ist die höchste Bewertung (7:1+), AA ist akzeptabel (4,5:1+) und AA Groß funktioniert für größeren Text (3:1+).
Wie bearbeite ich eine bestimmte Farbe?+
Klicke auf ein beliebiges Farbkästchen, um einen Farbwähler zu öffnen. Du kannst jede Farbe feinjustieren, während du die anderen behältst. Sperre Farben, die du behalten willst, bevor du neu generierst.
Welches Exportformat soll ich verwenden?+
Verwende CSS für reine Web-Projekte, Tailwind für Tailwind-CSS-Projekte, SCSS für Sass-Projekte und JSON für JavaScript- oder Designtools. PNG ist großartig zum Teilen oder für die Dokumentation.
Ist dieses Tool kostenlos?+
Ja, völlig kostenlos und ohne Limits. Keine Anmeldung erforderlich, keine Wasserzeichen.

Mehr erfahren

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations
Verfügbar fürmacOS&Windows

Lass jeden Screenshot pro aussehen.

ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.

ScreenSnap Pro entdecken

Verwandte Tools