Privates Bild-zu-Palette-Werkzeug
Verwandle einen Cartoon, eine Illustration, einen Screenshot oder ein Referenzbild in eine kompakte Arbeitspalette. Toon Tone findet klar unterscheidbare Hauptfarben, zeigt HEX, RGB und HSB, bewahrt gesperrte Farbfelder beim Neugenerieren und ergänzt nach der Extraktion eine kurze Gedächtnisübung.
Aktualisiert am 21. Juli 2026
Cartoon Farbpaletten Generator
Der Generator liest ein Bild lokal im Browser, fasst ähnliche Pixelfarben zusammen, ordnet die Gruppen nach sichtbarer Fläche und wählt fünf oder acht Farbfelder, die sich weiterhin deutlich voneinander unterscheiden. Jedes Ergebnis enthält kopierbare HEX-, RGB- und HSB-Werte. Du kannst eine nützliche Farbe sperren, bevor nur die übrigen Plätze neu erzeugt werden, eine beschriftete PNG-Datei herunterladen, CSS-Variablen kopieren oder ein Farbfeld für einen fünfsekündigen Farbgedächtnistest wählen. Das Ergebnis ist eine praktische visuelle Zusammenfassung und keine offizielle Palettenaussage zu einer Figur, einem Studio oder einer Marke.
Lokale Extraktion dominanter Farben
Lade Cartoon, Illustration, Screenshot oder Foto. Der Browser schlägt fünf oder acht deutliche Farben vor; sperre nützliche Felder und generiere nur die übrigen neu.
Verarbeitung auf dem Gerät, kein Bildversand
Erzeugte Palette
Der Anteil ist eine Schätzung aus Stichprobenflächen. Prüfe zusätzlich die Funktion jeder Farbe im Original.
Lade ein Bild, um eine Palette zu erzeugen.
5-Sekunden-Farbgedächtnis
Wähle Üben auf einer Karte, betrachte sie fünf Sekunden, stelle HSB nach und erfahre deinen Toon-Tone-Übungswert.
Wähle Üben auf einer erzeugten Farbkarte, um zu beginnen.
Lokale Beispielpalette wird geladen.
Verarbeitung auf dem Gerät, kein Bildversand
Bilddecodierung, Verkleinerung, Farbgruppierung, Palettenerstellung und PNG-Export laufen mit Browser-APIs auf deinem Gerät. Diese Seite besitzt keinen Endpunkt zum Hochladen von Bildern, keine Kontobibliothek und keinen Cloud-Speicherschritt. Wenn du den Tab aktualisierst oder schließt, werden Arbeitsbild und extrahierte Farben gelöscht. Diese Datenschutzgrenze gilt für den Verarbeitungspfad des Werkzeugs; für die Sicherheit von Gerät, Browser-Erweiterungen und heruntergeladenen Dateien bist du weiterhin selbst verantwortlich.
Ein gutes Ergebnis beginnt mit einer klaren Vorlage und endet mit einer bewussten Auswahl. Dieser Ablauf hält die Extraktion schnell und überlässt dir die endgültige redaktionelle Entscheidung.
Ziehe ein Bild mit gut erkennbaren Farbflächen hinein, wähle es aus oder füge es ein. Flächige Grafiken funktionieren besonders gut, doch schattierte Illustrationen und Screenshots werden ebenfalls unterstützt. Mit dem Beispielbild kannst du den ganzen Ablauf sofort testen.
Wähle fünf Farben für eine kompakte Identität oder acht für zusätzliche Schatten und Akzente. Sperre alle Farbfelder, die bleiben sollen, und lasse anschließend nur die offenen Positionen neu bestimmen.
Kopiere eine Farbe, die vollständige Liste oder CSS-Variablen und speichere eine beschriftete PNG-Datei. Mit Üben siehst du ein Farbfeld fünf Sekunden lang und stellst es danach in HSB nach.
Der Generator nutzt eine nachvollziehbare, deterministische Bildzusammenfassung statt generativer KI. Er verkleinert die Arbeitsfläche, gruppiert benachbarte Pixel und schützt danach den wahrnehmbaren Abstand zwischen ausgewählten Farben.
| Schritt | Was passiert | Warum das wichtig ist |
|---|---|---|
| Lokale Stichprobe | Der Browser liest eine verkleinerte Zeichenfläche, ohne die Originaldatei zu übertragen. | Große Bilder bleiben schnell und privat, während die grobe Farbverteilung erhalten bleibt. |
| Farbgruppierung | Ähnliche RGB-Pixel werden in kleinen Bereichen gesammelt und zu Kandidaten gemittelt. | Textur und Kompression füllen die Palette nicht mit nahezu identischen Codes. |
| Deutliche Auswahl | Häufige Kandidaten werden geordnet und auf wahrnehmbaren Farbabstand geprüft. | Die fünf oder acht Ergebnisse decken unterschiedliche Rollen statt nur rohe Häufigkeit ab. |
Eine erzeugte Palette hilft am meisten, wenn Quelle, betrachtete Fläche und nächste Aufgabe klar sind. Dieselben Farbfelder werden je nach Ziel unterschiedlich gelesen.
Fasse ein Einzelbild zusammen, vergleiche warme und kühle Rollen und untersuche das visuelle Gewicht von Figur, Requisit und Hintergrund. Behandle das Ergebnis als Studienhilfe und nicht als offiziellen Produktionsfarbschlüssel.
Kopiere HEX-Werte oder CSS-Variablen für einen Interface-Entwurf, eine Präsentation oder ein Moodboard. Prüfe Kontrast und freigegebene Markenquellen, bevor eine extrahierte Farbe zum Produktionstoken wird.
Betrachte eine Farbe fünf Sekunden, blende sie aus und stelle Farbton, Sättigung und Helligkeit aus dem Gedächtnis nach. So wird aus einer statischen Palette eine wiederholbare visuelle Übung.
Cartoon-Grafik wirkt oft einfach, weil große Formen und flächige Füllungen schnell erkennbar sind. Eine brauchbare Palette muss trotzdem Farben trennen, die im Bild verschiedene Aufgaben erfüllen. Ein großer heller Hintergrund kann die meisten Pixel belegen, ohne das Motiv zu definieren. Schwarze Konturen können häufig vorkommen und doch weniger hilfreich sein als ein kleiner Akzent auf der Kleidung. Schatten, Glanzlichter, geglättete Kanten, Texturen, Untertitel und Kompression erzeugen zahlreiche Codes rund um eine Fläche, die das Auge als eine Farbe liest. Eine reine Häufigkeitsliste überbetont deshalb Hintergründe und wiederholt beinahe gleiche Werte. Toon Tone fasst ähnliche Werte zuerst zusammen und prüft anschließend, ob jeder neue Vorschlag wahrnehmbar von den bereits gewählten Farben entfernt ist. Dadurch bleibt das Ergebnis kompakt, ohne alle visuellen Rollen auf eine einzige Dominanzrangliste zu reduzieren.
Fünf Farben eignen sich für eine schnelle Identitätsübersicht: ein dominantes Feld, eine Motivfarbe, eine Nebenfarbe, ein Akzent und eine helle oder dunkle Stütze. Acht Farben schaffen Platz für einen zweiten Akzent, eine Schattenfamilie oder eine zusätzliche Hintergrundrolle. Keine Größe ist automatisch richtig. Ein sehr flaches Icon benötigt möglicherweise weniger Farben, während ein schattiertes Animationsbild selbst bei acht noch Details verliert. Nutze die erzeugte Gruppe als Ausgangspunkt, vergleiche sie neben dem Original und sperre nur die Farbfelder, die deine konkrete Frage beantworten. Die Sperre ist bewusst redaktionell gestaltet: Der Algorithmus schlägt Kandidaten vor, aber du entscheidest, welche Farben einen festen Platz in der Arbeitspalette verdienen.
Für ein Bild gibt es selten genau eine objektiv vollständige Palette. Der erste Durchlauf kann den dominanten Hintergrund, zwei ähnliche Motivfarben, ein Glanzlicht und die Kontur wählen. Wenn Hintergrund und Glanzlicht wichtig sind, ein mittleres Farbfeld aber doppelt wirkt, sperre die nützlichen Farben und generiere erneut. Gesperrte Positionen behalten ihre exakten HEX-, RGB- und HSB-Werte, während der Browser nur offene Plätze neu bewertet. Kleine Änderungen bei Gruppierung und Rangfolge können einen selteneren Akzent hervorbringen, ohne bereits bestätigte Teile zu entfernen. Das unterscheidet sich vom vollständigen Neustart, bei dem jeder Klick gerade die gewünschte Farbe verlieren kann und ein sauberer Vorher-Nachher-Vergleich schwerfällt.
Eine Sperre beweist nicht, dass ein Farbfeld für jeden Zweck korrekt ist. Sie speichert nur deine aktuelle Entscheidung in diesem Tab. Enthält die Vorlage Beleuchtung, Verläufe, transparente Ebenen oder Bildschirmaufnahmen, beschreibt die extrahierte Farbe die decodierten Pixel und nicht zwingend eine ursprüngliche Farbe oder ein offizielles Design-Token. Vergleiche für eine Produktionsübergabe das Ergebnis mit der autorisierten Quelle und dokumentiere Bild, Einzelbild und betrachteten Bereich. Bei einer Gedächtnisübung ist amtliche Genauigkeit weniger wichtig als ein gleichbleibendes Ziel: Betrachte eine gesperrte Farbe, blende sie aus, stelle sie in HSB nach und vergleiche beim Aufdecken mit genau demselben gespeicherten Ziel. Das Werkzeug unterstützt beide Abläufe, hält ihre Aussagen aber bewusst auseinander.
Nein. Das ausgewählte oder eingefügte Bild wird im aktuellen Browser-Tab decodiert und zusammengefasst. Es gibt keine Upload-API, keinen Kontospeicher und keine Cloud-Sicherung. Heruntergeladene PNGs und kopierte Werte können auf deinem Gerät beziehungsweise in der Zwischenablage bleiben, bis du sie löschst.
Der Generator fasst automatisch mehrere Hauptfarben aus dem gesamten Bild zusammen. Der Farbwähler liest genau den einen Pixel, den du auswählst. Nutze den Generator für die Übersicht und den Farbwähler für eine bestimmte Stelle an Kleidung oder Kontur.
Kleine Akzente liefern weniger Stichprobenpixel als Hintergrund oder große Motivflächen. Wechsle zu acht Farben, sperre wichtige Farbfelder und generiere erneut. Fehlt der Akzent weiter, verwechsle Fläche nicht mit Bedeutung und miss die Stelle direkt mit dem Bild-Farbwähler.
Nein. Es sind Referenzwerte, die der Browser aus den Pixeln der konkret geladenen Datei berechnet. Beleuchtung, Kompression, Schatten, Transparenz, Bildqualität und Darstellung können sie verändern. Für offizielle Genauigkeit musst du die Vorgaben des Rechteinhabers verwenden.
Ja. CSS kopieren erzeugt nummerierte benutzerdefinierte Eigenschaften aus den aktuellen Farben. Prüfe vor dem Produktionseinsatz sinnvolle Namen, Kontrast, Farbraum und freigegebene Design-Tokens.