Pattern Converter – User Guide
Turn any image into a
custom bead pattern
This guide walks you through every tool and feature so you can create your perfect bead pattern with ease.
Top Toolbar
Toggle between edit mode and preview mode. In preview mode you can see how your finished pattern will look without the grid lines — useful for checking the overall result before exporting.
Paint individual beads by clicking on cells. First choose a color from the right panel's color list (e.g. H07 shown in the toolbar), then click any cell to apply it. Use with Size to paint multiple beads at once.
Click any bead to remove it — the cell becomes empty (white/background, no bead placed). Great for cleaning up edges or removing unwanted areas.
Click any bead on the canvas to instantly pick up its color as your active brush color. Hover over any bead to see a tooltip with its color code, hex value, and grid position.
Reverses your last edit. Click multiple times to undo several steps in a row. Your safety net for any accidental brush strokes or erasures.
Controls how many beads your brush covers at once. Size 1 = one bead at a time (precise). Size 3 = a 3×3 block of 9 beads. Use larger sizes for filling big areas quickly.
The colored square and code in the toolbar shows which color is currently selected for painting. The codes (e.g. H07, G10, B23) are MARD color codes — the most widely used fuse bead color system in Asia. You'll find the same codes on thousands of free patterns shared on social media.
Drag the slider to zoom in or out. The number shows each bead's size in pixels (e.g. 8px = each bead is 8px wide on screen). Zoom in for precise editing, zoom out to see the full pattern.
The red trash icon. Clears the current canvas. This is a destructive action — make sure to export or save your project before using it.
Tip: Toolbar order left to right: Preview toggle → Brush → Eraser → Eyedropper → Undo → Size (−/+) → Active Color → Zoom slider → Delete. Hover over any bead to see its color code and position!
Parameters Panel (Right Side)
Important: After changing any parameter, you must click "Reset to Image" to apply the changes. The canvas does not update automatically.
Processing Modes Explained
Quick guide: Cartoon / logo → Clean · Photo or portrait → Vivid · Illustration → Soft. Try all three and pick your favorite result!
How to Save Your Project
Find the purple "My Projects ▾" button and click it to open the project management menu.
Click "Save Current Project". On the first save you'll be asked to name it — use something descriptive like "Cat Pattern 2024".
Click "My Projects" again to see your full list. Click any project name to reload it instantly.
Note: Projects are saved in your browser's local storage. Clearing your browser cache may delete them. Always export your pattern as a PNG or PDF backup!
Reset Canvas & New Canvas
Re-generates the pattern from your original image using the current parameters. This overwrites all manual edits. Required every time you change a parameter.
Clears everything and lets you upload a brand new image. Your current project won't be auto-saved — always save first!
How to Export Your Pattern
Make sure you're happy with all the colors and details on the canvas before exporting.
Find the green "↓ Export Pattern" button in the top right corner and click it.
PNG — Standard pattern image, great for phone reference while you work
Coded PNG — Pattern image with color codes (e.g. H07) printed on every bead — perfect for printing and following while building
CSV — Spreadsheet with each color's code, count and percentage — useful for ordering
We recommend saving both: PNG for phone reference while you work, and PDF for printing and long-term storage.
Order your beads: The "Buy All Beads for This Pattern" button lets you order exactly the colors and quantities you need — no waste, no guesswork!
Clean Up & Color Management
Click "Clean Up Stray Beads" to automatically remove isolated single-bead dots. Makes your pattern neater and much easier to follow when building.
The right panel lists every color with its code, color swatch, bead count, and percentage of the total pattern.
Click any row in the color list to highlight all beads of that color on the canvas. Great for checking the distribution across your pattern.
Right-click to exclude a color — all its beads are removed or replaced with the nearest available color. Useful if a color is out of stock or hard to find.
At the bottom of the right panel, the Quick Breakdown section shows all colors and quantities in a compact text format (e.g. "H02:2637; H16:793"). Click Copy breakdown to copy this to your clipboard — great for pasting into a shopping list or order form.
Below the Clean Up button, you may see a message like "No noise colors (fewer than 10 pcs)". This means your pattern is already clean — no isolated stray beads were detected. If it shows a number, click the button to remove them.
Frequently Asked Questions
40–60 colors: A good balance, recommended for most patterns.
100+ colors: Very close to the original image, but more expensive and complex to build.
Based on Artkal midi beads (~2.6mm each). Artkal also makes mini beads (~1.9mm) — if you're using those, your finished piece will be slightly smaller.
Our beads are Artkal midi beads (221 colors), and every color in our tool is mapped to its MARD code (e.g. H07, G10, B23). Artkal's color range is one of the largest and most vibrant available.
Ready to create your pattern?
The tool is completely free — no account needed to get started.
🎨 Create my pattern for free Order exact beads