Farbpaletten-Generator
Harmonische Farbpaletten per Leertaste. Farben sperren, Harmonie wählen, Kontrast prüfen und als CSS exportieren.
Im Editor öffnenFarbsysteme
Paletten, Abstufungen und Kontrastprüfung für ein Farbsystem, das in hell und dunkel funktioniert. Export als Tailwind-Konfiguration oder CSS-Variablen.
5 Generatoren
Tailwind-Farbpalette
Aus einer Farbe die elf Tailwind-Stufen 50 bis 950. Export für tailwind.config.js, @theme, OKLCH und HEX.
Im Editor öffnen
Farbabstufungen
Hellere und dunklere Abstufungen einer Farbe. Export als HEX, RGB, HSL oder CSS-Variablen.
Im Editor öffnen
Kontrast-Checker
Prüf, ob Text und Hintergrund nach WCAG gut lesbar sind, sieh die Farben mit Farbsehschwäche und übernimm passende Farben per Klick.
Im Editor öffnen
Palette aus Bild
Zieh ein Foto hinein und erhalte seine wichtigsten Farben mit Anteil in Prozent. Das Bild bleibt in deinem Browser.
Im Editor öffnen