https://github.com/johndev19/chromascope

ChromaScope is a just a simple web application that allows users to extract color palettes from images.
https://github.com/johndev19/chromascope

color-palette css html react tailwind

Last synced: about 2 months ago
JSON representation

ChromaScope is a just a simple web application that allows users to extract color palettes from images.

• Host: GitHub
• URL: https://github.com/johndev19/chromascope
• Owner: JohnDev19
• License: mit
• Created: 2024-11-21T11:34:34.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-21T12:04:22.000Z (about 2 months ago)
• Last Synced: 2024-11-21T12:28:01.251Z (about 2 months ago)
• Topics: color-palette, css, html, react, tailwind
• Language: JavaScript
• Homepage: https://colorie.vercel.app/
• Size: 0 Bytes
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎨 ChromaScope: Color Palette Extraction Tool

## Overview

ChromaScope is a just a simple web application that allows users to extract color palettes from images.

![ChromaScope Preview](IMG_20241121_194003.jpg)

![ChromaScope Preview](IMG_20241121_194021.jpg)

## 🌟 Features

- **Drag and Drop Image Upload**: Upload images directly from your computer

- **URL Image Support**: Extract colors from online images by providing a URL

- **Smart Color Extraction**:  Algorithm detects dominant and accent colors

- **Multiple Color Formats**: Export colors in HEX, RGB, and HSL formats

- **Color Name Detection**: Get descriptive names for extracted colors

- **Palette Download**: Download palettes in TXT, CSS, and PNG formats

## 🚀 Technologies

- React

- ColorThief Library

- TheColorAPI

- Tailwind CSS

- FontAwesome Icons

## 🤖 How It Works

1. Upload an image via drag and drop or URL

2. Click "Extract Colors"

3. View and interact with your color palette

4. Copy individual colors or download the entire palette

## 🌈 Color Extraction Methods

- Dominant color detection

- Accent color identification

- Smart color naming

- Multiple format conversion (HEX, RGB, HSL)

## 📦 Available Downloads

- TXT: Color names and values

- CSS: CSS custom properties

- PNG: Visual color palette

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## 📝 License

Distributed under the MIT License. See [LICENSE](LICENSE) for more information.