OpenCV Image Dominant Colors

Extract and analyze the dominant colors from any image using OpenCV and React.

Table of Contents

• Live Demo
• Features
• Installation
• Usage
• Examples
• Tech Stack
• Contributing
• License

Live Demo

Check out the deployed app on Netlify:
👉 OpenCV Image Processor

Features

• Extracts dominant colors from images using k-means clustering.
• Lets you choose the number of dominant colors to extract.
• Fast, intuitive, and user-friendly interface.
• All processing happens in your browser—no images are uploaded to any server.

Installation

Requirements: Node.js and npm.

git clone https://github.com/borjantona/opencv-image-dominant-colors.git
cd opencv-image-dominant-colors
npm install
npm run dev

Usage

1. Open the app in your browser.
2. Upload an image from your device.
3. Select how many dominant colors you want to extract.
4. Instantly see the generated color palette.

Examples

Here are some examples of processed images and their extracted color palettes:

📷

Tech Stack

• OpenCV: Computer vision algorithms.
• React: User interface.
• Vite: Fast frontend build tool.
• Vitest: Testing framework.

Contributing

Contributions are welcome!
Feel free to open an issue or submit a pull request for suggestions or improvements.

License

MIT