Color Cluster

A tool for extracting color palette and color reduction.

language : فارسی / en

📝 Table of Contents

• Color Cluster
  • 📝 Table of Contents
  • 💡 About
  • 🏁 How to use
  • 🔑 Main features
  • 🧱 Build
  • 🎯 TODO

💡 About

Color cluster is a simple tool that can generate a color palette by extracting the main colors from an image.
After generating a palette from the image, it begins to reconstruct the image with the collected color scheme and reduces the image’s colors to its main colors

🏁 How to use

• open project page on github
• Drag an image to the upload box or upload an image from your system by clicking on the upload box.
• For determining the palette’s span, you can use the slider to set a value between 5 to 25.
• Click the “convert image to palette” button and the algorithm will begin to work.
• In the end on you can copy the color of each cluster by clicking on its label.

🔑 Main features

• The image’s colors will be displayed in 3d graph after being loaded into a canvas.
• By using the “k means clustering algorithm,” this program determines the color span of the pixels. Each running stage of the algorithm can be seen in the 3d graph.
• This program allows you to compare the output image to the original image.

🧱 Build

• Make sure node js is installed on your computer. (It can be download from here.)
• Open the project in cmd and use the command “npm i .” to install the project’s dependencies.
• by using the command “npm run pro” the project will begin to get constructed in “public” folder.

🎯 TODO

• Option to disable the graph while running the algorithm
• Responsiveness
• Compatible with mobile phones
• Color chart
• Loading images from url
• Option to resize canvas
• Btn to download canvas