A browser-based application that converts any uploaded high-resolution image into a pixelated bead pattern. It automatically maps image colors to the standard MARD/COCO bead color palette and exports professional pattern blueprints with detailed color usage statistics.
- Client-Side Processing: No backend server required. All image processing and color mapping are done in the browser instantly to ensure privacy and speed.
- Professional Color Library: Built-in MARD/COCO brand palette containing 245 colors across 10 series.
- LAB Color Engine: Utilizes the CIE LAB color space and Delta-E formula for the most accurate and human-perceptual color matching.
- Customizable Grid & Previews: Real-time adjustment of the grid size. Easily switch between Bead View, Pixel View, and Original Image for comparison.
- Export Options:
- PNG Export: High-resolution bead pattern image complete with a color legend table.
- PDF Export: Multi-page PDF generating the pattern blueprint and a detailed color usage breakdown table.
This project uses Vite as its build tool.
# Install dependencies
npm install
# Start the local development server
npm run dev# Build for production
npm run build