01 proyectos 02 conceptos 03 juegos 04 apps 05 utilidades 06 gamebob 07 charlas 08 equipo

Mis mejores utilidades, ahora en tu móvil.

Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.

Cambiador de Paleta para Pixel Art

Reduce sprites y hojas de sprites a paletas clásicas de consola o a un conjunto personalizado de colores hexadecimales directamente en tu navegador.

Arrastra un sprite o hoja de sprites Los archivos PNG, JPEG o WebP se procesan en tu dispositivo
Esperando una imagen Esperando una imagen
02

Original Resultado limitado

Sube una imagen para previsualizarla Tus versiones original y con paleta limitada aparecerán lado a lado.
Zoom 100%
Estudio de Utilidades

¿Quieres tener esta utilidad en tu web?

Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.

Preguntas Frecuentes

¿El cambiador de paletas sube mi imagen a algún servidor?
No. La imagen se decodifica en un lienzo dentro de tu navegador, se procesa localmente con JavaScript y se exporta directamente como un archivo PNG. La utilidad no tiene ningún paso de carga externa.
¿Puedo utilizar mi propia paleta de colores?
Sí. Pega valores hexadecimales de 6 o 3 dígitos en el campo de Colores personalizados, separados por comas, espacios o saltos de línea, y selecciona Aplicar paleta.
¿Cambia las dimensiones del sprite o hoja de sprites?
No. El archivo exportado mantiene el ancho, el alto, la posición de los píxeles y la transparencia original cuando la opción Conservar transparencia está activa.
¿Qué algoritmo utiliza para seleccionar los colores?
Asigna cada píxel al color más cercano de la paleta seleccionada mediante la distancia Euclídea al cuadrado en el espacio RGB. Es un método rápido, determinista y fácil de previsualizar, aunque no aplica tramado ni corrección perceptiva Lab.

# Convierte un Sprite a Todo Color en una Paleta Retro Deliberada

Una paleta limitada es mucho más que una restricción técnica. Otorga al sprite un vocabulario de color coherente, ayuda a que los elementos de una escena encajen visualmente y evoca el carácter de una consola o plataforma clásica. Este cambiador de paletas para navegador te permite comparar la imagen original con una versión reducida mientras experimentas con paletas de Game Boy, inspiradas en NES, PICO-8, Commodore 64, DawnBringer 16 y listas personalizadas.

# Cómo Funciona el Mapeo al Color Más Cercano

La herramienta lee los canales rojo, verde y azul de cada píxel visible y compara ese color con cada color de la paleta seleccionada. Selecciona la entrada de la paleta con la distancia RGB al cuadrado más pequeña y escribe el color de reemplazo en un nuevo búfer de lienzo. El canal alfa se mantiene independiente para preservar la transparencia original y conservar la opacidad de los bordes suavemente cuando la opción Conservar transparencia está activa.

Limitación de paleta

Cada color de origen se reemplaza por la muestra disponible más cercana.

  • Rápido y predecible para sprites, iconos, baldosas e interfaces
  • Conserva las dimensiones y posiciones de los píxeles originales
  • Facilita la revisión de un presupuesto de color determinado

Cambio de paleta (Palette Swapping)

La misma imagen se puede remapear a otro conjunto de colores cuidadosamente elegido.

  • Útil para trajes alternativos, biomas y estados de daño
  • Las listas hexadecimales personalizadas permiten adaptarse a tu dirección artística
  • El PNG descargado queda listo para volver a importarse en tu editor

# Cómo Elegir una Paleta para Pixel Art

Paleta Colores Uso recomendado Aspectos a vigilar
Game Boy4Estilo monocromo portátil y estudios de volumenEl rango reducido puede fusionar materiales de tono similar
Inspirada en NES16Sprites estilo arcade, personajes y baldosasLos colores muy brillantes pueden eclipsar detalles pequeños
PICO-816Pixel art moderno con acentos saturadosLos tonos muy saturados requieren un contraste intencionado
Commodore 6416Escenas retro suaves y estética de ordenadorEl bajo contraste se beneficia de siluetas bien definidas
DawnBringer 1616Paleta artesanal versátil para uso generalLas rampas de color siguen exigiendo una dirección de luz clara

# Flujo de Trabajo Práctico para Hojas de Sprites

Comienza con la imagen de origen más grande que edites cómodamente y sube aquí el sprite o hoja exportada. Selecciona un preajuste para definir una dirección visual o pega tu propia lista de colores hexadecimales. Inspecciona ambos lienzos a mayor zoom para comprobar si se han perdido detalles en los rostros, contornos o luces clave. Si el resultado parece apagado o confuso, prueba una paleta con saltos de valor más marcados o añade un color de acento deliberado a la lista personalizada.
Mantén la paleta intencionada
Una lista de colores más extensa no es automáticamente mejor. Comienza con cuatro a dieciseis colores, asigna una función a cada tono y reserva los brillos máximos para puntos de interés visual. El algoritmo del color más cercano preserva las posiciones de los píxeles, pero no puede decidir qué colores deben estructurar la jerarquía visual de tu sprite.

# Lista de Comprobación para Exportar Pixel Art

Antes de importar el PNG resultante

A tener en cuenta
Revisa el resultado al 100% y a la escala final del juego, confirma que los bordes transparentes sigan limpios, verifica que las siluetas importantes sigan siendo legibles y conserva la imagen de origen junto con el archivo exportado para poder ajustar la paleta sin empezar desde cero.
Cuantización de color
Proceso de reducir un conjunto amplio de colores a uno más reducido y definido.
Rampa de paleta
Secuencia ordenada de tonos oscuros, medios y claros para sombrear un material o superficie.
Paleta indexada
Tabla de color compacta donde los píxeles hacen referencia a un índice en lugar de almacenar valores de color completos.

Referencias Bibliográficas

Esc