Farbpalette
Image Palette Extractor

✨ Funktionen

  • Automatische Extraktion dominanter Farben in zwei Modi: Stimmung (Median Cut) und UI/Logo (K-Means)
  • HEX, RGB und HSL per Klick kopieren; Tailwind-CSS-Konfiguration automatisch generieren
  • Palette als Hintergrund, Text und Buttons in einer Live-UI-Vorschau testen
  • Kein Upload — vollständig lokal, nichts wird an Server gesendet

🪄 Perfekt für

Paletten aus Fotos extrahieren

Generiere sofort eine stimmungspassende Farbpalette aus Landschafts- oder Produktfotos.

Markenfarben identifizieren

Extrahiere Markenfarben aus einem Logo oder Referenzbild und kopiere HEX-Werte sofort.

Webdesign-Workflow

Prüfe dein Farbschema in der UI-Vorschau und exportiere CSS- oder Tailwind-Code.

Farbcode-Konvertierung

Konvertiere zwischen HEX, RGB und HSL für den Einsatz in Entwicklungs- und Designtools.

🔒 Datenschutz

Dieses Tool läuft vollständig im Browser. Bilder werden nie an externe Server hochgeladen.

❓ Häufige Fragen

Welche Bildformate werden unterstützt?

Alle wichtigen Formate, die dein Browser anzeigen kann: JPEG, PNG, WebP, GIF, BMP und SVG.

Kann ich die Anzahl der extrahierten Farben ändern?

Ja. Du kannst die Anzahl der zu extrahierenden Farben auf bis zu 16 festlegen.

Kann es Tailwind-CSS-Code generieren?

Ja. Die extrahierte Palette kann automatisch als Tailwind-CSS-Konfigurationsdatei-Snippet exportiert werden.

Werden Bilder an einen Server gesendet?

Nein. Die gesamte Verarbeitung erfolgt in deinem Browser. Bilddaten werden nie an externe Server gesendet.
Warte auf Bild
Bilder werden nur in deinem Browser verarbeitet · niemals hochgeladen
Bild hier ablegen
Klicke, um eine Datei auszuwählen oder füge direkt in diese Seite ein. Alles wird in deinem Browser analysiert.
Klick zum Auswählen ⌘ / Ctrl + V einfügen
JPEGPNGWEBPGIFSVG
Vorschau des geladenen Bildes
#000000
—
AlgorithmusAlgorithm
Anzahl der FarbenSwatches
6Farben
Palette Palette
0 Farben
color.omikuji.dev
// Lade ein Bild, um Code zu generieren
Aurora ProduktPreiseFirma
New release
Probiere deine Palette
jetzt aus.
Weise extrahierte Farben Hintergrund, Text und Buttons zu — und sieh sofort, wie sie in einer echten UI aussehen.
Farb-Vorschau
Drag & Drop zum Anwenden
Wähle eine Rolle, dann klicke auf eine Palettenfarbe oder ziehe eine Farbkarte hierher.
Hintergrund—
Text—
Button—
tools.omikuji.dev
Farbextraktion mit Median Cut / K-Means · vollständig clientseitig
Hier ablegen zum Analysieren
Bilder werden niemals hochgeladen