Para igualar colores

Extractor de paletas de pixel art

Ve los colores más frecuentes de una imagen, copia sus códigos o guarda la lista para tu siguiente dibujo.

Ejemplo: imagen de personaje → muestras de color reutilizables

Prueba esta herramienta
Pixel artMuestras de color
  1. 1. AñadirImagen de pixel art
  2. 2. AjustaCuenta sus colores
  3. 3. GuardaMuestras y códigos de color

1. Elige una imagen de pixel art

Un PNG ofrece la lista de colores más clara. Esta herramienta cuenta los colores; no modifica la imagen.

Cómo utilizarlo

  1. 1. Usa la ilustración original, no una captura de pantalla

    Carga un PNG sin pérdida si es posible. Una captura puede incluir la interfaz del editor, un damero o un fondo que no pintaste. JPEG y el escalado suave introducen tonos que ocultan una paleta de pixel art deliberadamente pequeña.

  2. 2. Elige qué píxeles transparentes cuentan

    El alfa mínimo utiliza una escala de 1–255. El valor predeterminado, 128, cuenta los píxeles con aproximadamente la mitad de opacidad o más; 255 solo cuenta los totalmente opacos. Vuelve a analizar después de cambiar el umbral para aplicar el nuevo valor.

  3. 3. Examina la lista y exporta un subconjunto útil

    Elige los 8, 16, 32 o 64 colores más frecuentes. Haz clic en un código hexadecimal para copiarlo o guarda CSS o JSON del conjunto mostrado. La clasificación es por frecuencia, no por tono, brillo o función artística del color.

La frecuencia ofrece una paleta inicial, no una gama tonal terminada

Cada píxel que cumple el umbral cuenta una vez según su valor RGB decodificado. Los RGB iguales con distintos valores alfa válidos contribuyen al mismo color. Tonos parecidos como #303040 y #303041 permanecen separados; la herramienta no agrupa ni cuantiza colores.

Los porcentajes usan todos los píxeles que superan Alfa mínimo, no todo el lienzo ni solo los colores mostrados. Si los ocho principales cubren el 85% de los válidos, suman 85%. El relleno transparente se excluye, no se cuenta como negro.

La frecuencia indica qué colores ocupan espacio, no cuáles importan más. Una luz del ojo de un píxel puede ser esencial mientras un color dominante del suelo no es relevante. Extrae un personaje por separado y organiza tú las sombras, los colores base y las luces en gamas.

Ejemplo: un sprite de 32 × 32 con márgenes transparentes
Ajuste o entradaQué significa
1024 píxeles de lienzo; umbral de aprobación de 600El denominador de la frecuencia es 600
Un color aparece 150 veces25 % de los píxeles contados
Los 8 principales de 23 colores distintosLas exportaciones incluyen esos 8, no los 23

Comprueba antes de descargar

Los recuentos de color inesperados suelen señalar al original

Busca suavizado, artefactos JPEG o un fondo. Un contador exacto registra fielmente esos tonos; mostrar menos colores principales no simplifica la imagen.

Conserva acentos poco frecuentes cuando aporten a la ilustración

Usa la frecuencia como indicio y después toma una decisión artística. Límites: 4096 px por lado, 8 millones de píxeles y 100,000 colores distintos que cumplan el criterio.

Preguntas

¿Elegir 16 reduce la imagen a 16 colores?

No. Cambia la lista mostrada y exportada. El original no se cuantiza, recolorea ni reescribe.

¿Por qué los porcentajes no suman el 100 %?

Los colores ocultos menos frecuentes representan el resto. Todos los porcentajes usan todos los píxeles válidos. El redondeo también puede causar pequeñas diferencias.

¿Por qué falta una luz importante?

La lista se ordena por cantidad de píxeles. Aumenta el límite mostrado, ajusta más el recorte original o muestrea el color de acento manualmente. La posición no indica importancia visual.

¿Puedo usar una fotografía?

Se acepta JPG, pero las fotografías pueden contener enormes cantidades de colores casi iguales y alcanzar el límite de colores distintos. Usa una herramienta de agrupación para obtener una pequeña paleta fotográfica representativa, no este contador exacto.

¿Qué hay en CSS y JSON?

CSS contiene variables numeradas para los colores mostrados. JSON incluye el nombre del original, el umbral alfa y los colores mostrados con sus recuentos. Ninguno incluye la imagen ni recolorea automáticamente otro sprite.

Herramientas y tutoriales relacionados

Crea una paleta útil de pixel art — Convierte recuentos exactos en gamas de sombra y luz con intención.

Ampliador de pixel art — Conserva los bordes de píxeles nítidos al ampliar un diseño.

Limpiador de bordes PNG — Examina los bordes contaminados antes de contar sus colores; conserva una copia del original.