Zum Hauptinhalt springen
ImageColorPix

Bild Palette Generator

Ein Foto hochladen, um sofort die dominante Farbpalette zu extrahieren, mit Anteil jedes Felds am Foto darunter. Als HEX, RGB, HSL oder CSS Vars kopieren, als TXT, SVG oder PNG laden.

Was ist ein Bild Palettengenerator?

Echte Farben aus echten Fotos

Ein Bild Palettengenerator findet Farben, die ein Foto per Pixelzählung wirklich dominieren, ohne zu raten. Ein Strandfoto ist standardmäßig geladen, mit bereits extrahierter Palette. So ist der komplette Ablauf sofort sichtbar.

Eigenes Bild über das Bildsymbol hochladen, Größe 1-10 anpassen, Felder entfernen oder sortieren, dann kopieren oder laden. Jedes Feld zeigt Abdeckung in % und ausgewertete Pixelanzahl. Für theoriebasierte Harmonien stattdessen den Zufalls Paletten Generator nutzen.

Anleitung

Für Fotos gebaut, von oben bis unten

01

Standardpalette ansehen

Ein Foto wird automatisch geladen, mit darüber extrahierter dominanter Palette.

02

Eigenes Bild hochladen

Auf das Bildsymbol klicken, per Drag and Drop ablegen, einfügen oder per URL laden. Alles bleibt im Browser.

03

Abdeckung lesen, dann exportieren

Jedes Feld zeigt Abdeckung in % und Pixelanzahl. Bereinigen, sortieren, im Format kopieren, oder als TXT, SVG oder PNG laden.

Häufige Fragen

1Wie werden Farben aus einem Bild gewonnen?
Auf das Bildsymbol klicken und hochladen (JPG, PNG, GIF, WebP), per Drag and Drop ablegen, aus der Zwischenablage einfügen oder per URL laden. Die Palette wird automatisch über der Vorschau extrahiert. Ein Feld anklicken, um dessen HEX zu kopieren.
2Wie viele Farben können extrahiert werden? Welche Anzahl ist ideal?
1 bis 10 mit den -/+ Reglern (startet mit 8 für Fotos). 2-3 für minimale Logos, 4-6 für Webseiten und Social Grafiken, 8-10 für Illustration und Moodboards nutzen. Weniger Farben geben ein klareres System. Fotos enthalten oft viele fast identische Braun oder Blau Töne.
3Kann die Palette bearbeitet, entfernt oder sortiert werden?
Ja. Über ein Feld fahren zum Kopieren, x zum Entfernen, per Drag and Drop sortieren (Reihenfolge fließt in den CSS Export). Für Designarbeit ein Dunkel für Text, ein Hell für Hintergründe, eine oder zwei Markenfarben und einen Akzent wählen.
4Was soll aus einer Fotopalette an Entwickler übergeben werden?
Kopieren als auf das Format des Builds stellen: HEX für Stylesheets, RGB für App-Code, HSL für Theming, CSS Vars für Tokens. Das Download Fenster exportiert dieselbe Fotopalette als CSS (als palette.txt gespeichert), JSON, SVG Streifen oder beschriftetes PNG.
5Verlassen Fotos das Gerät? Was kostet es?
Nie. Fotos werden Pixel für Pixel in diesem Tab gelesen und nirgendwohin gesendet. Kundenarbeit bleibt vertraulich. Und es kostet nichts: dauerhaft kostenlos, ohne Konto, für beliebig viele Fotos.
6Was bedeuten % und Pixelanzahl?
Jedes Feld zeigt seinen Anteil an ausgewerteten Bildpixeln (bis zu etwa 12k ausgewertet, transparente Pixel übersprungen) plus die rohe Pixelanzahl dahinter. Fast identische Töne werden im überlebenden Feld zusammengeführt, daher enthält dessen % diese Anteile. So wird echte Dominanz beurteilt: ein 40% Feld ist das Foto, ein 2% Feld ist ein Akzent.

Weitere Farbtools entdecken

Paletten-Generator

Zufällige Harmonien + Bildmodus

Bild-Farbanalyse

Dominanz, Stimmung, Harmonie & Rollen

Bild-Farbwähler

Jeden Pixel aus jedem Bild wählen

Farbkonverter

HEX RGB HSL HSV CMYK LAB