Pixel Art Palettbytare

Minska sprites och spritesheets till klassiska konsolpaletter eller egna hex-färger direkt i webbläsaren.

Släpp en sprite eller spritesheet PNG, JPEG eller WebP bearbetas lokalt på din enhet
Väntar på en bild Väntar på en bild
02

Original Minskat resultat

Ladda upp en bild för att förhandsgranska Dina original- och reducerade versioner visas sida vid sida.
Zoom 100%
Verktygsstudio

Vill du ha det här verktyget på din webbplats?

Anpassa färger och mörkt läge för WordPress, Notion eller din egen sajt.

Vanliga frågor

Laddas mina bilder upp till en server?

Nej. Bilden avkodas på en canvas i din webbläsare, mappas lokalt med JavaScript och exporteras direkt som PNG. Verktyget har inget uppladdningssteg.

Kan jag använda min egen anpassade palett?

Ja. Klistra in 6-siffriga eller 3-siffriga hex-koder i fältet Anpassade färger, separerade med kommatecken, blanksteg eller radbrytningar, och välj Använd palett.

Ändras storleken på min sprite eller mitt spritesheet?

Nej. Utfilen behåller ursprunglig bredd, höjd, pixelpositioner och alfavärden när Bevara transparens är aktiverat.

Vilken algoritm används?

Varje synlig pixel tilldelas den närmaste färgen i den valda paletten med hjälp av kvadratiskt euklidiskt avstånd i RGB-rummet. Det är snabbt, deterministiskt och enkelt att förhandsgranska, men använder inte dithering eller perceptuell Lab-färgkorrigering.

# Omvandla en Fullfärgs Sprite till en Genomtänkt Retropalett

En begränsad palett är mer än bara en teknisk begränsning. Den ger din sprite ett enhetligt färgspråk, gör att element i en scen hör ihop och för tankarna till den visuella karaktären hos en specifik konsol eller klassisk hårdvara. Denna webbläsarbaserade palettbytare låter dig jämföra originalbilden med en reducerad version medan du experimenterar med Game Boy, NES-inspirerade, PICO-8, Commodore 64, DawnBringer 16 och anpassade paletter.

# Hur Färgomvandling till Närmaste Färg Fungerar

Verktyget läser av de röda, gröna och blå kanalerna för varje synlig pixel och jämför färgen med varje färg i den valda paletten. Det väljer palettfärgen med det minsta kvadratiska RGB-avståndet och skriver ersättningsfärgen till en ny canvas-buffert. Alfakanalen hålls separat så att transparenta pixlar förblir transparenta och halvtransparenta kanter behåller sin ursprungliga opacitet när Bevara transparens är aktiverat.

Palettbegränsning

Varje källfärg ersätts med det närmaste tillgängliga färgprovet.

  • Snabbt och förutsägbart för sprites, ikoner, tiles och gränssnittselement
  • Behåller ursprungliga mått och pixelpositioner exakt
  • Gör det enkelt att kontrollera och granska en fastställd färgbudget

Palette Swapping

Samma bild kan mappas om till en annan noggrant utvald uppsättning färger.

  • Användbart för alternativa dräkter, miljöer och skadestatusar
  • Anpassade hex-listor gör att du kan matcha din egen konstnärliga riktning
  • Den nedladdade PNG-filen är redo att importeras direkt till din redigerare

# Välja Palett för Pixel Art

Palett Färger Passar till Att tänka på
Game Boy4Monokrom bärbar känsla och tydliga valörstudierLitet valörindex kan smälta samman närliggande material
NES-inspirerad16Klassiska arkadsprites, karaktärer och tilesMycket ljusa färger kan dominera små detaljer
PICO-816Modern pixel art med mättade färgaccentuerStarkt mättade tonfall kräver medveten kontrast
Commodore 6416Mjuka retro-scener och klassisk datorgrafikestetikLåg kontrast drar nytta av tydliga silhuetter
DawnBringer 1616Mångsidig handplockad palett för allmän pixel artFärgramper kräver fortfarande en medveten ljusriktning

# Praktiskt Arbetsflöde för Spritesheets

Börja med den största källbilden du kan redigera bekvämt och ladda upp den exporterade spriten eller spritesheetet här. Välj en förinställning för att bestämma en riktning eller klistra in en anpassad hex-lista. Granska båda ytorna med högre zoom för att leta efter förlorade ansiktsdrag, sammansmälta konturer eller dagrar. Om resultatet ser otydligt ut, prova en palett med större valörsteg eller lägg till en medveten accentfärg.
Håll Paletten Medveten
En större färglista är inte automatiskt bättre. Börja med 4 till 16 färger, ge varje färg en bestämd uppgift och reservera de ljusaste värdena för fokuspunkter eller tydliga dagrar. Algoritmen för närmaste färg behåller pixelpositionerna, men kan inte avgöra vilka färger som ska bära upp den visuella hierarkin i din sprite.

# Checklista för Export av Pixel Art

Före Import av den Reducerade PNG filen

Värt att notera
Kontrollera resultatet i 100 procent samt i spelets slutliga skala, se till att genomskinliga kanter förblir rena, kontrollera att viktiga silhuetter är läsbara och spara den ursprungliga källfilen bredvid exporten så att du kan justera paletten utan att börja om från början.
Färgkvantisering
Processen att minska en stor mängd källfärger till en mindre, bestämd uppsättning.
Färgramp
En ordnad sekvens av mörka, mellantoner och ljusa färger som används för att skugga en yta.
Indexerad palett
En kompakt färgtabell där bildpixlar pekar på index i en gemensam lista istället för att lagra fullständiga färger upprepade gånger.

Bibliografiska Referenser