/rainbow-riot

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

Primary LanguageTypeScript

Project Logo

Rainbow Riot | Color Palate Generator From Images

License Next.js Version TypeScript Version

image

Table of Contents

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.

  • 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

  1. Install dependencies:

    cd your-project-name yarn install

  2. Run dev server: yarn dev

  3. 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 - see the LICENSE file for details.

Made with ❤️ by Gimnath Perera