Farbpalette aus einem Bild erstellen (HEX-Codes)
Auf dieser Seite
Kurz gesagt: Öffnen Sie Farbpalette aus Bild von Imgovo, fügen Sie ein Foto, Logo oder einen Screenshot hinzu, wählen Sie die Anzahl der Farben und klicken Sie auf Farben extrahieren. Klicken Sie auf eine beliebige Stelle im Bild, um den genauen HEX-Code abzulesen, bearbeiten Sie die Palette und exportieren Sie sie als HEX, CSS-Variablen, Tailwind, JSON, GIMP-Palette oder PNG/SVG-Farbtafel. Es wird nichts hochgeladen.
Wofür eine Palette nützlich ist
Eine Palette aus einem Foto ist ein schneller Weg zu Farben, die zusammenpassen: für eine Website, eine Präsentation, ein Plakat oder ein Logo. Sie können damit auch den genauen HEX-Code einer Farbe in einem Screenshot oder Markenbild finden.
Schritt für Schritt
- Öffnen Sie Farbpalette aus Bild und ziehen Sie ein Bild auf die Seite, klicken Sie zum Auswählen oder fügen Sie es aus der Zwischenablage ein. JPG, PNG, WebP, HEIC, TIFF und mehr werden akzeptiert. Mit Beispiel ausprobieren können Sie sich erst einmal umsehen.
- Stellen Sie die Anzahl der Farben ein. Fotos enthalten viele ähnliche Töne: 5 oder 6 Farben ergeben eine saubere Markenpalette, 10 bis 12 zeigen mehr Details.
- Wählen Sie, wie die Farben ausgewählt werden: Dominante Farben, Ausgewogen oder Akzente.
- Klicken Sie auf Farben extrahieren.
- Klicken Sie auf ein Farbfeld, um es auszuwählen. Mit den Schaltflächen am Farbfeld kopieren oder sperren Sie die Farbe.
Die genaue Farbe einer Stelle aufnehmen
Klicken oder tippen Sie auf das Bild. Mit Exakter Pixel liest Imgovo ein Pixel des Bildes in voller Größe, nicht einer skalierten Kopie. In den Optionen der Farbaufnahme können Sie stattdessen den Durchschnitt aus 3 × 3 oder 5 × 5 Pixeln verwenden, was bei verrauschten Fotos besser ist. Wählen Sie dann Zur Palette hinzufügen oder Gewählte Farbe ersetzen.
Sie können das Fadenkreuz auch mit den Pfeiltasten bewegen und die Eingabetaste drücken.
Nur einen Teil des Bildes analysieren
Wählen Sie Bereich wählen und ziehen Sie ein Rechteck auf das Bild. Die Palette entsteht nur aus diesem Teil; das Bild selbst wird nicht zugeschnitten. Ganzes Bild verwenden kehrt zum vollständigen Bild zurück.
Unter Weitere Optionen können Sie Fast-Weiß, Fast-Schwarz oder die aufgenommene Farbe ignorieren und eine Toleranz festlegen. Eine repräsentative Farbe ist der Durchschnitt einer Gruppe und existiert eventuell nicht als einzelnes Pixel. Wählen Sie die Option für im Bild vorhandene Farben, wenn Sie echte Pixel brauchen.
Palette bearbeiten, sperren und erweitern
- Bearbeiten Sie eine gewählte Farbe in HEX, RGB, HSL oder OKLCH und geben Sie ihr einen Namen.
- Sperren Sie Farben, die bleiben sollen. Erzeugen und Anwenden lassen gesperrte Farben an ihrem Platz.
- Harmonien bilden komplementäre, analoge, split-komplementäre, triadische, tetradische oder monochromatische Sets aus einer Farbe.
- Skalen erzeugen Helligkeitsstufen, Aufhellungen, Abdunklungen oder Töne mit 5, 9 oder 11 Schritten.
- Varianten füllen die nicht gesperrten Farben in Stilen wie Pastell, Kräftig, Gedämpft, Erdig, Monochrom, Helle Oberfläche und Dunkle Oberfläche. Das Bild wird dabei nicht erneut analysiert.
- Rückgängig und Wiederholen (Strg+Z und Strg+Umschalt+Z) holen frühere Farben und Einstellungen zurück.
Export
Unter Export können Sie die Palette kopieren oder herunterladen als:
- HEX-, RGB-, HSL- oder OKLCH-Listen,
- CSS-Variablen,
- Tailwind CSS v4 oder v3,
- JSON oder CSV,
- eine GIMP-Palette (
.gpl), - eine Farbtafel als PNG oder SVG,
- ein PNG mit dem Bild und seiner Palette.
Speichern und teilen
Gespeicherte Paletten bleiben nur in diesem Browser; das Löschen der Websitedaten entfernt sie, exportieren Sie also die JSON-Datei als Sicherung. Palettenlink kopieren erzeugt einen Link, der nur die Farben und einen kurzen Namen enthält, nie das Bild. Jeder mit dem Link kann die Palette sehen.
Farben prüfen, bevor Sie sie verwenden
Eine Palette aus einem Foto garantiert keinen lesbaren Text. Testen Sie ein Paar aus Text- und Hintergrundfarbe im Tab „Kontrast“; siehe Farbkontrast prüfen (WCAG AA und AAA).
Datenschutz
Die Farben werden in Ihrem Browser analysiert. Das Bild verlässt Ihr Gerät nie und wird nicht mit der Palette gespeichert.
Jetzt ausprobieren
Öffnen Sie Farbpalette aus Bild, fügen Sie ein Bild hinzu und klicken Sie auf eine Stelle, um den HEX-Code zu erhalten. Ist Ihre Quelle eine SVG, wandeln Sie sie vorher mit dem SVG-Konverter in ein PNG um.
Häufig gestellte Fragen
Wie werden die Palettenfarben ausgewählt?
Imgovo fasst ähnliche Farben zusammen (nach dem Median-Cut-Verfahren, das viele Design-Tools verwenden) und zeigt die wichtigsten Gruppen. Jedes Farbfeld ist der Durchschnitt seiner Gruppe und entspricht daher dem, was Sie sehen. Dasselbe Bild mit denselben Einstellungen ergibt immer dieselben Farben.
Was bedeutet ein Prozentwert wie „Etwa 34 %“?
Das ist der Anteil der analysierten sichtbaren Pixel, der zu dieser Gruppe ähnlicher Farben gehört. Es ist keine Anzahl von Objekten, und nicht jedes Pixel der Gruppe hat genau diesen HEX-Code. Gewählte, bearbeitete oder erzeugte Farben haben keinen Anteil.
Was ist der Unterschied zwischen einer repräsentativen Farbe und einer im Bild vorhandenen Farbe?
Eine repräsentative Farbe ist der Durchschnitt einer Gruppe ähnlicher Pixel und kommt im Bild eventuell nirgends vor. Die Option für im Bild vorhandene Farben verwendet das echte Pixel der Gruppe, das diesem Durchschnitt am nächsten liegt.
Wie erhalte ich die Farbe einer bestimmten Stelle?
Klicken oder tippen Sie auf das Bild. Exakter Pixel liest ein Pixel des Bildes in voller Größe, nicht einer skalierten Kopie. In den Optionen der Farbaufnahme können Sie stattdessen 3 × 3 oder 5 × 5 Pixel mitteln. Wählen Sie dann „Zur Palette hinzufügen“ oder „Gewählte Farbe ersetzen“.
Wo werden gespeicherte Paletten abgelegt?
Nur in diesem Browser, ohne Konto. Beim Löschen der Websitedaten oder in einem privaten Fenster gehen sie verloren; exportieren Sie daher die JSON-Datei, wenn Sie eine Sicherung möchten. Das Originalbild wird nie mit einer Palette gespeichert.
Wird mein Bild hochgeladen?
Nein. Die Farben werden direkt in Ihrem Browser analysiert, das Bild verlässt Ihr Gerät nie.