Recolorly is a lightweight, open-source web tool designed for creators, indie developers, and marketers to recolor logos, icons, and graphics with ease — no design skills or bulky software required.
🔗 Live Demo: https://recolorly.vercel.app
✅ Pixel-Perfect Color Picker
Select any color directly from your image with precision.
✅ Real-Time Color Replacement
Instantly preview color changes — no waiting, no extra exports.
✅ Tolerance Control
Fine-tune how similar shades are affected using the adjustable tolerance slider.
✅ Secure & Local Processing
All operations run 100% in your browser. No image is ever uploaded or stored.
✅ High-Quality Downloads
Export your modified image as PNG, JPG, or SVG — without compression or quality loss.
- Rebranding logos and icons.
- Updating social media graphics to match seasonal themes.
- Recoloring UI elements for light/dark themes.
- Rapid A/B testing of multiple color variants.
| Technology | Purpose |
|---|---|
| Next.js | Web App Framework (App Router) |
| TypeScript | Type Safety |
| Tailwind CSS | Styling |
| Canvas API | Client-side Image Processing |
| shadcn/ui | UI Components |
| Sonner | Toast Notifications |
| Lucide Icons | SVG Icon Set |
- Clone the repository:
git clone https://github.com/joefelx/recolorly.git
cd recolorly- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to:
Go to http://localhost:3000
We welcome contributions from the community! See CONTRIBUTING.md for guidelines.
This project is licensed under the MIT License.
- AI-Powered Smart Recoloring (LLM-based)
- Batch Recoloring
- Cloud Storage & Sync
- Paid SaaS Tier with Pro Features
Stay tuned for updates in the Pro version!