Für passende Farben
Pixel-Art-Palettenextraktor
Sieh dir die häufigsten Farben eines Bildes an, kopiere ihre Farbcodes oder speichere die Liste für deine nächste Zeichnung.
Beispiel: Figurenbild → wiederverwendbare Farbmuster
Dieses Werkzeug ausprobieren- 1. HinzufügenPixel-Art-Bild
- 2. AnpassenSeine Farben zählen
- 3. SpeichernFarbmuster und Farbcodes
1. Pixel-Art-Bild auswählen
Eine PNG-Datei liefert die eindeutigste Farbliste. Dieses Werkzeug zählt Farben; es verändert das Bild nicht.
So verwendest du es
1. Originalgrafiken statt einer Bildschirmaufnahme verwenden
Lade möglichst ein verlustfreies PNG. Eine Bildschirmaufnahme kann Editoroberfläche, ein Schachbrettmuster oder einen Hintergrund enthalten, den du nicht gezeichnet hast. JPEG und weiche Skalierung erzeugen zusätzliche Farbtöne, die eine bewusst kleine Pixel-Art-Palette verfälschen.
2. Festlegen, welche transparenten Pixel gezählt werden
Mindest-Alpha verwendet eine Skala von 1–255. Der Standardwert 128 zählt Pixel ab ungefähr halber Deckkraft; 255 zählt nur vollständig deckende Pixel. Analysiere nach einer Änderung des Schwellenwerts erneut, damit das Ergebnis deine neue Auswahl verwendet.
3. Liste prüfen und eine brauchbare Teilmenge exportieren
Wähle die häufigsten 8, 16, 32 oder 64 Farben. Klicke auf einen Hex-Code, um ihn zu kopieren, oder speichere CSS beziehungsweise JSON für das angezeigte Set. Die Rangfolge richtet sich nach Häufigkeit, nicht nach Farbton, Helligkeit oder gestalterischer Rolle einer Farbe.
Häufigkeit liefert eine Ausgangspalette, keine fertige Farbabstufung
Jedes berücksichtigte Pixel wird einmal anhand seines dekodierten RGB-Werts gezählt. Gleiche RGB-Werte mit unterschiedlichen berücksichtigten Alpha-Werten zählen zur selben Farbe. Ähnliche Töne wie #303040 und #303041 bleiben getrennt. Das Werkzeug gruppiert oder quantisiert keine Farben.
Die Prozentwerte beziehen sich auf alle Pixel, die den Mindest-Alpha-Wert erfüllen, nicht auf die gesamte Arbeitsfläche oder nur die angezeigten Farben. Decken die acht häufigsten Farben 85% der berücksichtigten Pixel ab, ergeben ihre Prozentwerte zusammen 85%. Transparente Ränder werden ausgeschlossen und nicht als Schwarz gezählt.
Die Häufigkeit zeigt, welche Farben Fläche belegen, nicht welche am wichtigsten sind. Ein Augenlichtpunkt von einem Pixel kann unverzichtbar sein, während eine dominante Bodenfarbe irrelevant ist. Extrahiere eine Figur separat und ordne Schatten, Grundfarben und Lichtakzente anschließend selbst zu Farbabstufungen.
| Einstellung oder Eingabe | Was es bedeutet |
|---|---|
| 1024 Pixel Arbeitsfläche; Schwellenwert 600 zum Bestehen | Der Nenner der Häufigkeit ist 600 |
| Eine Farbe kommt 150-mal vor | 25% der gezählten Pixel |
| Die 8 häufigsten von 23 unterschiedlichen Farben | Exporte enthalten diese 8, nicht alle 23 |
Vor dem Herunterladen prüfen
Unerwartete Farbhäufigkeiten weisen meist auf die Quelle hin
Suche nach Kantenglättung, JPEG-Artefakten oder einem Hintergrund. Ein exakter Zähler erfasst diese Töne gewissenhaft. Die Anzeige von weniger häufigsten Farben vereinfacht nicht das Bild selbst.
Seltene Akzente erhalten, wenn sie der Grafik dienen
Nutze die Häufigkeit als Anhaltspunkt und triff dann eine gestalterische Entscheidung. Die Eingabegrenzen sind 4096 px pro Seite, 8 Millionen Pixel und 100,000 unterschiedliche berücksichtigte Farben.
Fragen
Reduziert die Auswahl von 16 das Bild auf 16 Farben?
Nein. Es verändert die angezeigte und exportierte Liste. Die Quelle wird weder quantisiert noch umgefärbt oder neu geschrieben.
Warum ergeben die Prozentwerte zusammen keine 100%?
Ausgeblendete Farben mit niedrigerem Rang machen den Rest aus. Jeder Prozentwert verwendet alle berücksichtigten Pixel. Rundung kann ebenfalls kleine Unterschiede verursachen.
Warum fehlt ein wichtiger Lichtreflex?
Die Liste ist nach Pixelanzahl sortiert. Erhöhe das Anzeigelimit, nutze einen engeren Quellzuschnitt oder nimm die Akzentfarbe manuell auf. Der Rang entspricht nicht der visuellen Bedeutung.
Kann ich ein Foto verwenden?
JPG wird akzeptiert, aber Fotos können sehr viele fast gleiche Farben enthalten und die Grenze für unterschiedliche Farben erreichen. Verwende für eine kleine repräsentative Fotopalette ein Gruppierungswerkzeug, nicht diesen exakten Zähler.
Was enthalten CSS und JSON?
CSS enthält nummerierte Variablen für die angezeigten Farben. JSON enthält den Quellnamen, den Alpha-Schwellenwert und die angezeigten Farben mit ihren Häufigkeiten. Keines der beiden Formate enthält das Bild oder färbt automatisch ein anderes Sprite um.
Passende Werkzeuge und Anleitungen
Eine brauchbare Pixel-Art-Palette erstellen — Nutze exakte Häufigkeiten für bewusst gestaltete Schatten- und Lichtreflexabstufungen.
Pixel-Art-Vergrößerer — Erhalte harte Pixelkanten beim Vergrößern eines Entwurfs.
PNG-Kantenreiniger — Prüfe verfärbte Kanten, bevor du ihre Farben zählst; behalte eine Quellkopie.