Farb-Tools & Paletten

Farb-Tools & Paletten

Entdecke 6.200+ kuratierte Paletten oder erstelle eigene – aus einem Harmonierad, einer Stimmung oder einer einzigen Markenfarbe –, prüfe den WCAG-Kontrast, erzeuge Schattierungen und Tönungen und exportiere als CSS-Variablen, Tailwind, SCSS, JSON-Tokens oder nach Figma.

Farb-Tools

Paletten mit Metadaten

Jede Palette in der Bibliothek hat Name, Stimmung, Harmonietyp, Temperatur und Ton – so filterst du nach dem gewünschten Gefühl, statt endlos zu scrollen. Jede lässt sich als CSS, SCSS, Tailwind, JSON oder Figma-Board exportieren.

Für echte Benutzeroberflächen generieren

Der Farbpaletten-Generator ist für UI-Arbeit gemacht: Harmonierad und Stimmungs-Presets, UI-Theme-Modus mit semantischen Rollen, WCAG-Kontrastprüfung für jedes Paar und Design-Tokens, die du direkt in eine Codebasis übernehmen kannst.

Vom Bild zur Palette

Lade ein Foto, Logo oder einen Screenshot hoch und extrahiere die dominanten Farben – mit Namen, HEX/RGB/HSL/OKLCH-Werten und Speichern in deinen Paletten per Klick.

Colors API & Palettes API

Konvertiere Farben, bestimme ihre Namen und Harmonien oder durchsuche die Palettenbibliothek – über eine kostenlose REST-API und MCP.

Häufig gestellte Fragen

Der Generator zeigt schon beim Erstellen den WCAG-AA/AAA-Kontrast für Text- und Hintergrundpaare, und der Kontrastprüfer bewertet zwei beliebige Farben.

CSS Custom Properties, SCSS-Variablen, Tailwind-Konfiguration, JSON-Design-Tokens, Farbfelder als PNG/SVG und ein einfügefertiges Figma-Board.