DE

Farbtheorie in Pixel Art

Bei 32 Pixeln Breite kein Platz für schüchterne Farbe. Drei Ideen — Werte, Hue-Disziplin, Kontrast — tragen fast jeden guten Sprite.

Werte arbeiten, Hue kassiert

Blinzle auf starke Sprites: Shading liest sich noch — Lichtseite, Schatten, Akzent. Das sind Werte, wichtiger als jeder Hue. Test in Graustufen: Formen halten, Werte stimmen; graue Suppe, kein Hue rettet.

Kurze Rampen statt Verläufe

Rampe: kurze geordnete Reihe eines Materials — 3 bis 5 Schritte Schatten→Licht. Rampen bauen: dunkler Schatten, beleuchtete Mitte, Glanzlicht, dann Inbetweens. Schritte teilen: 12 Farben verstecken oft 3 Rampen. Weniger Schritte quantisieren sauberer per Umwandler.

Grauwert-Rampe gegen Hue-geshiftete Farb-Rampe
Abbildung: Gleiche Werte, reichere Lesart — Hue-Shifting ohne Extrafarben.

Hue-Shifting: Schatten kühl, Lichter warm

Anfänger schatten mit Schwarz, lichten mit Weiß — Matsch und Kreide. Stattdessen Hue mit Werten schieben: Schatten Richtung Blau/Violett, Lichter Richtung Gelb/Orange. Rote Umhangsschatten werden Bordeaux; Lichter warmorange. Gleiche Wertespanne, viel reichere Lesart — ohne Extrafarben, durch Verschieben statt Hinzufügen.

Kontrast wo er zählt

Kleinkunst lebt vom Silhouettenkontrast: Der Sprite muss sich auf einen Blick vom Grund lösen. Stärksten Hell-Dunkel-Sprung für Außenkante und Fokus (meist Gesicht) reservieren; Rest in nahen Werten. Wenn alles schreit, liest nichts.

Slime auf dunklem und hellem Grund mit Silhouettenkontrast
Abbildung: Stärksten Sprung für Sprite-gegen-Grund-Trennung reservieren.

Häufige Fragen

Wie viel Theorie für wie viele Farben?

Theorie zuerst: Die meisten wenden sie in 4–16 Farben an.

Was ist Hue-Shifting?

Schatten zu kühlen, Lichter zu warmen Hues — reicheres Shading ohne Extrafarben.

Warum wirken Sprites matschig?

Fast immer schwache Wertabstände. Erst grau prüfen, Lücke öffnen, dann Hues.

Farben wählen, die passen?

Kurze Rampen je Material, Hues shiften statt nur abdunkeln, Zahl deckeln: geteilte Schritte halten Sprites stimmig.

Bereit zum Zeichnen? Pixel-Art-Editor öffnen

Weiter entdecken