Farbpaletten-Extraktor

So extrahierst du eine Farbpalette

1. 1

   Datei öffnen

   Ein GIF, ein animiertes WebP, ein PNG, ein JPG — alles, was dein Browser als Bild lesen kann. Animationen werden über ihre ganze Länge abgetastet, nicht nur am Anfang.

2. 2

   Anzahl der Farben wählen

   Acht für ein schnelles Schema, sechzehn oder zweiunddreißig für Pixel-Art, vierundsechzig, wenn du das Detail willst. Einträge, in die kein Pixel fällt, werden verworfen — es können also weniger werden als gewünscht.

3. 3

   Ergebnis lesen

   Jedes Feld zeigt seinen Hex-Code und welchen Anteil des Bildes es einnimmt, das größte zuerst. Ein Klick kopiert den Code.

4. 4

   Mitnehmen

   Lade als GPL für Aseprite und Krita, als PAL für ältere Programme, als CSS für ein Stylesheet, als JSON, wenn du die Prozente willst, oder als einfache Hex-Liste.

Was hier anders ist

• Transparenz zählt nicht als Farbe

  Durchsichtige Pixel werden vor jeder Messung übersprungen. Die meisten Extraktoren zählen sie mit — deshalb kommt ein Sticker mit transparentem Hintergrund mit Schwarz oder Grau als dominanter Farbe heraus: der Farbe des Nichts.

• Es ist die Palette, die dein GIF bekäme

  Der Quantisierer ist derselbe, den der GIF-Export dieser Seite nutzt. Die gezeigte Palette ist also keine Annäherung an die Farben der Animation: es ist genau die Menge, auf die ein hier exportiertes GIF reduziert würde.

• Sortiert nach eingenommener Fläche

  Eine unsortierte Palette ist eine Liste von Farben. Nach Anteil sortiert, mit Prozentangabe auf jedem Feld, sagt sie dir, welche das Bild wirklich tragen und welche Zierde sind.

• Formate, die Pixel-Art-Programme schon lesen

  GPL und PAL importieren direkt in Aseprite und Krita, ohne Umwandlungsschritt. Genau das ist der Punkt: die Palette soll in dem Programm landen, in dem du zeichnest.

• Animationen werden von vorn bis hinten abgetastet

  Die Einzelbilder werden über die ganze Animation verteilt genommen und nicht vom Anfang — eine, die mit einer Überblendung nach Schwarz beginnt, ergibt also keine Palette aus Schwarztönen.

Unterstützte Formate

Hinein: animierte GIFs, animierte WebP, APNG und animierte AVIF, dazu jedes Standbild, das dein Browser dekodieren kann — PNG, JPG, WebP, AVIF und meist SVG und BMP. Heraus: GPL (GIMP, Aseprite, Krita), JASC-PAL, CSS-Custom-Properties, JSON mit den Prozenten oder eine reine Hex-Liste.

Häufige Fragen

Warum bekomme ich weniger Farben als angefordert?

Weil der Quantisierer immer eine vollständige Palette zurückgibt und Einträge verworfen werden, in die kein Pixel fällt. Ein Bild mit sechs flächigen Farben hat sechs, egal welche Zahl du wählst.

Welches Format brauche ich?

GPL, wenn du in Aseprite oder Krita zeichnest: beide importieren es direkt. CSS, wenn es für eine Website ist. JSON, wenn du die Prozente behalten willst, die kein Palettenformat mitnimmt. Die Hex-Liste, wenn du die Codes einfach irgendwo einfügen willst.

Schaut es jeden Pixel an?

Nein, und das ist nicht nötig. Die Pixel werden abgetastet: etwa hunderttausend, verteilt über bis zu vierundzwanzig Einzelbilder. Eine Animation mit 44 Bildern sind sieben Millionen Pixel; die Palette wird dieselbe und das Ergebnis ist sofort da.

Warum ist die dominante Farbe nicht die erwartete?

Dominanz wird über die Fläche gemessen, nicht darüber, wie stark eine Farbe ins Auge fällt. Ein großer einfarbiger Hintergrund gewinnt gegen ein kleines leuchtendes Motiv, auch wenn das Auge zum Motiv geht. Die Prozente machen das sichtbar.

Wird meine Datei hochgeladen?

Nein. Sie wird von deinem eigenen Browser dekodiert und gemessen, und es wird nichts irgendwohin gesendet.

Kann ich das mit einem Foto machen?

Ja, und es eignet sich gut, um daraus ein Farbschema zu bauen. Fotos haben tausende unterschiedliche Farben, die gewählte Anzahl zählt also mehr: acht geben eine Stimmung, zweiunddreißig geben das Detail.