https://github.com/harsh-pandhe/color-generator

Discover boundless creativity with the Color Generator! This web app empowers you to craft stunning color palettes, search for precise hues, and elevate your projects with perfect shades. Ideal for designers seeking inspiration or developers enhancing UIs. Click, explore, and paint your digital canvas with a magical array of colors.
https://github.com/harsh-pandhe/color-generator

Last synced: 13 days ago
JSON representation

Discover boundless creativity with the Color Generator! This web app empowers you to craft stunning color palettes, search for precise hues, and elevate your projects with perfect shades. Ideal for designers seeking inspiration or developers enhancing UIs. Click, explore, and paint your digital canvas with a magical array of colors.

• Host: GitHub
• URL: https://github.com/harsh-pandhe/color-generator
• Owner: harsh-pandhe
• License: mit
• Created: 2024-01-18T08:14:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-20T20:45:55.000Z (about 1 year ago)
• Last Synced: 2024-11-11T21:28:21.127Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 108 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌈 Color Generator

## Overview

Dive into the vibrant world of colors with the Color Generator—a delightful web application that lets you unleash your creativity. Create stunning color palettes, search for specific hues, and bring your projects to life with the perfect shades.

## ✨ Features

- **Generate Colors:** Click the "Generate Colors" button to embark on a colorful journey. Watch as the generator crafts beautiful palettes based on a whimsically chosen base color.

- **Search Color:** Unleash the power of color knowledge! Use the search functionality to discover information about a specific color. Enter color names, hex codes, or RGB values for quick details.

- **Copy to Clipboard:** Capturing inspiration has never been easier. Click on any color box to instantly capture its magic—copying the hex code to your clipboard. A magical "Copied" message briefly appears, confirming the successful capture.

## 🚀 How to Use

1. **Clone or Download the Repository:**

   ```bash

   git clone https://github.com/harsh-pandhe/Color-Generator.git

   ```

2. **Open the Magic Portal:**

   Open the `index.html` file in your preferred web browser. Behold the mesmerizing colors awaiting your command!

3. **Explore and Create:**

   Unleash your inner artist! Explore the color generator by generating random palettes or searching for specific colors. The canvas is yours to paint.

## 🎨 Technologies Used

- **HTML5:** The structure of the Color Generator.

- **CSS3:** Styling and layout of the web application.

- **JavaScript:** The magic behind color generation, search functionality, and clipboard interactions.

- **[Tinycolor](https://github.com/bgrins/TinyColor):** A magical library for fast and vibrant color manipulations.

## 🌟 Credits

- The Color Generator owes its enchanting powers to the Tinycolor library. Special thanks to the wizards behind the code.

## 📜 License

This magical project is licensed under the [MIT License](LICENSE) (c) 2024 Harsh Pandhe. Feel free to wield its powers responsibly!

## 👨‍🎨 Author

Meet the Sorcerer of Colors:

[Harsh Pandhe](https://github.com/harsh-pandhe)

## 🖼️ Screenshots

- *Color Generator Interface*

![Color Generator Screenshot 1](/images/img_01.jpeg)

- *Colors Randomly Generated*

![Color Generator Screenshot 2](/images/img_02.jpeg)

- *Colors Copied to Clipboard*

![Color Generator Screenshot 3](/images/img_03.jpeg)

- *Colors Searched*

![Color Generator Screenshot 4](/images/img_04.jpeg)

- *Color Info Panel*

![Color Generator Screenshot 5](/images/img_05.jpeg)

## 📋 Requirements

- Web browser with JavaScript enabled.

- Git for cloning the repository.

Ensure you have these requirements to experience the enchanting world of colors with the Color Generator.