https://github.com/gimnathperera/rainbow-riot

🌈 Easily transform your images into stunning color palettes with a click. Perfect for designers and developers.
https://github.com/gimnathperera/rainbow-riot

color-generator color-palette color-picker daisyui image-upload nextjs13 tailwindcss vercel

Last synced: 10 days ago
JSON representation

🌈 Easily transform your images into stunning color palettes with a click. Perfect for designers and developers.

• Host: GitHub
• URL: https://github.com/gimnathperera/rainbow-riot
• Owner: gimnathperera
• Created: 2023-09-29T04:16:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-04T17:25:37.000Z (over 1 year ago)
• Last Synced: 2025-04-06T00:41:17.262Z (about 1 month ago)
• Topics: color-generator, color-palette, color-picker, daisyui, image-upload, nextjs13, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://rainbow-riot.vercel.app
• Size: 6.73 MB
• Stars: 30
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Rainbow Riot | Color Palate Generator From Images

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/your-username/your-project-name/blob/main/LICENSE) [![Next.js Version](https://img.shields.io/badge/Next.js-13.4.0-blueviolet.svg)](https://nextjs.org/) [![TypeScript Version](https://img.shields.io/badge/TypeScript-4.5.2-blue.svg)](https://www.typescriptlang.org/)



## Table of Contents

- [Rainbow Riot | Color Palate Generator From Images](#rainbow-riot--color-palate-generator-from-images)

  - [Table of Contents](#table-of-contents)

  - [About](#about)

  - [Features](#features)

  - [Getting Started](#getting-started)

  - [Usage](#usage)

  - [Contributing](#contributing)

  - [License](#license)

## About

Rainbow Riot is an open-source web application that allows users to upload images and automatically generate beautiful color palettes from them. Whether you're a designer looking for inspiration or a developer looking to integrate color extraction into your project, this tool is designed to make the process easy and efficient.

## Features

- **Color Palate Generation:** Generate a color pallate based on the uploaded image or gif

- **Interactive Web Interface:** A sleek and user-friendly web application built with [DaisyUI](https://daisyui.com 'DaisyUI').

- **MIT License:** Open-source and available for use in your projects.

## Getting Started

1. Clone this repository:

` git clone https://github.com/your-username/your-project-name.git`

2. Install dependencies:

   `cd your-project-name`

   `yarn install`

3. Run dev server:

   `yarn dev`

4. Open your browser and visit http://localhost:3000.

## Usage

1. **Upload an Image**: Click the "Upload Image" button and select an image from your computer. The application will analyze the image and generate a color palette for it.

2. **Explore Color**: Explore each color in the palette by clicking on the color swatches. You can copy HEX or RGB values to your clipboard.

3. **Save Palette**: To save the palette, click the "Save Palette" button. You can download it as a text file for future use.

## Contributing

We welcome contributions from the community! To contribute to this project, please follow our Contributing Guidelines.

## License

This project is licensed under the ![License](https://img.shields.io/badge/license-MIT-blue.svg) - see the LICENSE file for details.

_Made with ❤️ by [Gimnath Perera](https://github.com/Gimnath-Perera)_