Farbpalette aus einem Bild
Die Hauptfarben des Bildes, als Hex-Codes.
Dateien hier ablegen
oder klicken und vom Gerät auswählenUnterstützt: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF
Eine Datei pro VorgangBis zu 20 MB pro Datei5 Vorgänge pro TagLimits mit Pro aufheben✓ Funktioniert offline
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool läuft vollständig in Ihrem Browser. Es wird nichts hochgeladen und nichts gespeichert. Sie können sogar die Internetverbindung trennen, bevor Sie beginnen.
Beispiel
Die Palette einer Strandillustration im Sonnenuntergang, in drei Hex-Codes
Eine PNG-Illustration mit 800 × 600 px in flachen Farben: oranger Himmel in den oberen 240 px, petrolblaues Meer in den mittleren 150 px und beiger Sand in den unteren 210 px. Gewählt sind 5 Hauptfarben.
| Farbe | HEX | RGB | Anteil am Bild |
|---|---|---|---|
| Himmelsorange | #F6A04D | rgb(246, 160, 77) | 40 % |
| Sandbeige | #F1D7A7 | rgb(241, 215, 167) | 35 % |
| Meerblau | #1F6F8B | rgb(31, 111, 139) | 25 % |
Drei Farben statt fünf: Eine flache Illustration hat nur drei, und mehr findet die Gruppierung nicht. Ein Foto mit vielen Tönen füllt meist alle Plätze. Die Liste kommt als Text zum Einfügen, das Palettenbild als PNG mit einer Spalte je Farbe, so breit wie ihr Anteil.
So funktioniert es
- Bild hinzufügen — ein Foto, ein Screenshot einer Seite, die Ihnen gefällt, ein Gemälde.
- Wählen Sie, wie viele Farben. Fünf sind eine Palette, zwölf eher eine Inventarliste.
- Lesen Sie die Liste. Zu jeder Farbe steht der Hex-Code, fertig zum Einfügen.
- Klicken Sie irgendwo ins Bild für die genaue Farbe dieses einen Pixels — das wollen Sie, wenn Sie eine Markenfarbe treffen müssen.
Häufige Fragen
- Wie werden die Hauptfarben ausgewählt?
- Alle Pixel werden nach Farbe gruppiert, und die größten Gruppen kommen zurück. Sie bekommen also, woraus das Bild tatsächlich besteht, nicht was hübsch aussieht. Ein Waldfoto liefert viele Grüntöne, weil es viele Grüntöne sind.
- Warum weicht die geklickte Farbe leicht ab?
- Weil Sie ein Pixel treffen, und die JPEG-Kompression verschiebt einzelne Pixel. Klicken Sie in die Mitte einer gleichmäßigen Fläche statt an eine Kante; ein PNG antwortet genauer als ein JPEG.
- Geht auch RGB oder HSL?
- RGB ja: Jede Zeile der Liste nennt Hex-Code, RGB-Werte und Anteil, etwa „#F6A04D rgb(246, 160, 77) 40%“. HSL oder eine CSS-Variable macht unser Farbkonverter daraus.
- Welche Dateien bekomme ich?
- Zwei: eine Textdatei <Bildname>-farben.txt mit einer Zeile je Farbe und ein Palettenbild <Bildname>-palette.png mit 1200 × 360 Pixeln – eine Spalte je Farbe, so breit wie ihr Anteil, mit dem Hex-Code darin.
- Wie viele Farben soll ich wählen?
- Zur Wahl stehen 5, 8 (voreingestellt) und 12. Fünf ergeben eine Palette für ein Design, zwölf zeigen auch Nebentöne eines Fotos. Hat das Bild weniger Farben, kommen weniger zurück.
- Wird das Bild hochgeladen?
- Nein. Es wird im Browser Pixel für Pixel gelesen und nirgendwohin geschickt.