Farbpaletten- & Verlaufsstudio
Baue harmonische Paletten, gestalte CSS-Verläufe und prüfe den Barrierefreiheits-Kontrast — alles im Browser.
Paletten-Generator
Der Export von CSS-/Tailwind-Tokens ist eine Pro-Funktion.
Verlaufs-Builder
background: linear-gradient(90deg, #4f46e5, #ec4899);Kontrastprüfer (WCAG)
Paletten direkt in Code bringen
Einmalzahlung. Exportiere Paletten als CSS-Variablen, Tailwind-Config und JSON, für immer.
Das Farb-Toolkit für Designer
Smarte Harmonien
Erzeuge komplementäre, analoge, triadische und monochrome Paletten aus jeder Basisfarbe.
Standardmäßig barrierefrei
Prüfe den WCAG-AA/AAA-Kontrast, damit dein Text für alle lesbar ist.
Kopierfertiges CSS
Hol dir Hex-Codes und Verlaufs-CSS mit einem Klick — ohne Gefummel.
Häufige Fragen
Ist dieses Farbtool kostenlos?
Ja. Paletten, Verläufe und Kontrastprüfung sind für immer kostenlos. Pro ergänzt den Code-Export.
Welche Farbmodelle nutzt ihr?
Harmonien werden in HSL berechnet für gleichmäßige Ergebnisse und als Hex ausgegeben.
Was misst der Kontrastprüfer?
Das WCAG-Kontrastverhältnis zwischen zwei Farben, mit AA- (4.5) und AAA- (7) Anzeigen.
Kann ich nach Tailwind exportieren?
Ja — CSS-Variablen, Tailwind-Config und JSON-Export sind Teil von Pro.