Color Palette Inspector

Overview

A majestic, client-side web application that extracts the top 10 most dominant colors from any uploaded image. Built to run beautifully and instantly on GitHub Pages without any backend servers, utilizing the power of WebAssembly and Pyodide to run Python data science libraries (NumPy, Scikit-Learn) directly in your browser.

Documentation Reference

• Product Requirements Document (PRD)
• Task List
• Local Log

Features

• Instant Client-Side Extraction: Process images entirely in the browser using Python compiled to WASM.
• Beautiful UI: A premium, interactive design crafted for a delightful user experience via Google Stitch.
• Copy-to-Clipboard: One-click copying of HEX codes for seamless integration into your design workflow.
• Privacy First: Images never leave your device.

Tech Stack

• Frontend: React + Vite + Vanilla CSS
• Engine: Pyodide (Python, NumPy, Scikit-Learn via WebAssembly)
• Deployment: GitHub Pages

Live Demo

🔥 Test the Live Application Here: https://rudil24.github.io/color-palette-inspector/

How to Run Locally

If you would like to run the inspector locally and modify the code:

1. Clone the repository and navigate to the project directory:

   git clone git@github.com:rudil24/color-palette-inspector.git
   cd color-palette-inspector

2. Install the standard Node dependencies (Vite, React):

   npm install

3. Spin up the Vite development server:

   npm run dev

4. Open http://localhost:5173/ in your browser.

License

Open Source under the ISC License.