Image Pixel

English

Find a tool

Image to grid pattern

Convert images to grids with numbered colors. Export the pattern.

Settings

Pattern size

More cells preserve more detail.

Pattern colors

Pattern display

Cell labels

Image adjustments

Dithering softens color transitions by adding small dots.
32 × 32 · 0 cells · 0 colors

Click or drag an image here

PNG · JPG · WebP

COLOR TRACKER

Click a color swatch to isolate and highlight it on the grid (Esc to clear)

Upload an image above to start...

Examples

Open a sample in the editor to adjust it and try the export. Loading a sample replaces the current image; save your project first.

32 × 24 mountain pattern

Create a numbered grid with 6 colors. Focus a color to find its cells and track completion.

32 × 24 mountain pattern
Original
32 × 24 mountain pattern · 32 × 24
Result

24 × 24 geometric pattern

Create a four-color symbol grid for drawing a geometric pattern cell by cell.

24 × 24 geometric pattern
Original
24 × 24 geometric pattern · 24 × 24
Result

Frequently asked questions

How do I change the grid detail?

Open an image, then choose proportions and grid detail in Settings. More cells preserve more detail. Use Custom cell count to enter the exact columns and rows.

How do I save a pattern and its progress?

Export the pattern or color chart as PNG. Download project JSON to keep the grid, colors and completed-color marks; reopen it to continue.

Are my images uploaded?

Images are processed in your browser, without uploading. Before closing or refreshing, download project JSON. The file stays on your device and can be reopened in this tool.