About this project

Upload image, pick how many colors you want, and the tool go draw the area outlines automatic, give dem numbers, and produce clean SVG file wey ready for printing. Na im be the free and fast way wey you go take create custom DIY paint-by-numbers kit from your own fotos.

This project draw inspiration from the open-source work of PBNCanvas, and dem rebuild am with modern web technologies — vanilla JavaScript, HTML canvas API, and SVG — so that e go give fast, easy, and completely client-side experience, without any dependency, without make dem track your fotos, and without server processing.

How e dey work

1. Dem dey reduce the colors to the palette size wey you pick with median-cut color reduction, with matching wey follow how eye dey see for CIELAB color space.
2. Dem dey find the areas wey connect (facets) with flood fill, and dem dey join the small ones with the areas wey dey near dem so that e go easy to read.
3. Dem dey build smooth vector outlines, and dem dey put the number labels for the widest point inside every area.
4. You fit download or print the final SVG for any size — with optional fills, outlines, labels, and color-palette reference sheet.

The technology at a glance

• Median-cut quantization — e dey reduce millions of colors to palette of 4–48 representative colors.
• CIELAB color distance — e dey match pixels with palette colors according to how human eye dey see color difference.
• Flood-fill area detection — e dey group pixels with same color to facets wey you fit paint.

Everything dey run locally inside your browser — your images no dey ever upload go server. Make you learn more, read our Privacy Policy.