https://github.com/alizayayesha/random-hex-color-code-generator

https://github.com/alizayayesha/random-hex-color-code-generator

css html javascript jquery jquery-ui js

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/alizayayesha/random-hex-color-code-generator
• Owner: AlizayAyesha
• License: mit
• Created: 2024-07-09T17:42:16.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-09T18:22:35.000Z (6 months ago)
• Last Synced: 2024-07-10T22:59:42.520Z (6 months ago)
• Topics: css, html, javascript, jquery, jquery-ui, js
• Language: CSS
• Homepage: https://alizayayesha.github.io/Random-Hex-Color-Code-Generator/
• Size: 5.86 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Random-Hex-Color-Code-Generator

Its a jQuery-based web application that allows users to generate random hex color codes and copy them to the clipboard with a single click.

## Table of Contents

- [Usage](#usage)

- [Contributing](#contributing)

- [License](#license)

- [Installation](#installation)

  [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)

## Usage

Generating and Displaying Random Colors

### Clicking the "Generate Color" button 

generates a random hex color code.


It updates the input field with the generated color code and changes the text color and border color of the input field to match the generated color.


It also updates the background color of a preview box and a copy button to reflect the generated color.


Clicking the "Copy Code" button copies the generated color code to the clipboard.


It also displays a confirmation message with a slide effect for 2 seconds.


## Contributing

Contributions are welcome! Here's how you can contribute:

## Fork the repository

Create a new branch (git checkout -b feature)

Make changes and commit (git commit -am 'Add feature')

Push to the branch (git push origin feature)

Create a new Pull Request

## results 

![image](https://github.com/AlizayAyesha/Random-Hex-Color-Code-Generator/assets/68489612/854e88cc-7382-47c9-a8f5-21b52c65f55a)

## Installation

To use Project Name, include jQuery in your HTML file. You can use a CDN link to include jQuery:

```html

 ```

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)