Farbpalette aus Bildern extrahieren
Finde dominante Bildfarben, prüfe passende Farbkombinationen und exportiere CSS-Variablen oder Tailwind-Farben
Farbstudio und Theme-Generator
Bild hochladen oder ablegen, um dominante Farben und WCAG-Kontrast zu bestimmen.Zum Auswählen klicken oder Bild hier ablegen
PNG, JPG und WEBP bis 5 MB. Oder wähle unten ein Beispiel:
Dominante Farben und Farbharmonie
💡 Klicke auf eine extrahierte Farbe, um Farbharmonien (Komplementär, Dreiklang, analog) zu prüfen und den HEX-Wert zu kopieren.
Live-Vorschau und WCAG-Kontrastrechner
Aktives Design
✅ WCAG-Kontrast: Wird berechnet …
Dynamische UI-Vorschau
Dieses Widget berechnet tatsächliche Luminanz und Kontrastverhältnisse für deine Hauptfarbe.
CSS- und Tailwind-v4-Export
Über dieses Tool
Farbpalette aus Bildern extrahieren
Finde dominante Bildfarben, prüfe passende Farbkombinationen und exportiere CSS-Variablen oder Tailwind-Farben.
So funktioniert es
Gib die erforderlichen Werte oder Texte ein, passe die Optionen an und prüfe das Ergebnis vor dem Kopieren oder Herunterladen. Beachte Einheiten und Annahmen, wenn du das Ergebnis für wichtige Entscheidungen verwendest.