Sobre este proyecto

Sube una imagen, elige cuántos colores quieres y la herramienta dibuja automáticamente los contornos de las regiones, las numera y prepara un archivo SVG limpio listo para imprimir. Es una forma gratuita y rápida de crear un kit DIY personalizado de pintar por números con tus propias fotos.

Este proyecto se inspiró en el trabajo de código abierto de PBNCanvas y se rehízo con tecnologías web modernas — JavaScript puro, la API canvas de HTML y SVG — para ofrecer una experiencia rápida, intuitiva y totalmente del lado del cliente: sin dependencias, sin rastrear tus imágenes y sin procesamiento en servidor.

Cómo funciona

1. Los colores se cuantizan al tamaño de paleta que elijas mediante reducción de color por corte mediano, con coincidencia perceptual en el espacio de color CIELAB.
2. Las regiones conectadas (facetas) se detectan con relleno por inundación y las pequeñas se fusionan con sus vecinas para mejorar la legibilidad.
3. Se generan contornos vectoriales suaves y las etiquetas numéricas se colocan en el punto más ancho dentro de cada región.
4. El SVG final se puede descargar o imprimir a cualquier tamaño — con rellenos, contornos, etiquetas y hoja de referencia de paleta opcionales.

La tecnología de un vistazo

• Cuantización por corte mediano — reduce millones de colores a una paleta de 4 a 48 colores representativos.
• Distancia de color CIELAB — empareja los píxeles con los colores de la paleta tal como el ojo humano percibe las diferencias de color.
• Detección de regiones por relleno — agrupa píxeles del mismo color en facetas que se pueden pintar.

Todo se ejecuta localmente en tu navegador — tus imágenes nunca se suben a ningún servidor. Más información en nuestra política de privacidad.