Upload an image, pick a color, and replace it — entirely in the browser. No backend, no API keys.
Coming soon — drop a screen recording or GIF in this section.
- Upload any image — PNG, JPG, and other common formats
- Auto color extraction — detects prominent colors from your image on upload
- Targeted replacement — pick a specific color to replace, or apply to all colors at once
- Tolerance slider — fuzzy-match similar shades (0–150 range) for natural-looking results
- Live preview — side-by-side original vs. result as you adjust settings
- Undo / Redo — full history for every change you make
- One-click download — export the final image as a PNG
- Stacks changes — apply multiple color replacements in sequence
| Layer | Technology |
|---|---|
| Framework | React 19 |
| Language | TypeScript 5.8 |
| Build tool | Vite 6 |
| Styling | Tailwind CSS (CDN) |
| Icons | Lucide React |
| Image processing | HTML5 Canvas API |
All processing runs client-side — no server, no external AI service, no data leaves your browser.
- Node.js 18 or later
git clone https://github.com/your-username/imagecoloreditor.git
cd imagecoloreditor
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run build # production build → dist/
npm run preview # preview the production build locallyMIT