https://github.com/mehmet-github06/color-selector
https://github.com/mehmet-github06/color-selector
css3 html5 js responsive-design
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mehmet-github06/color-selector
- Owner: Mehmet-github06
- Created: 2023-11-03T20:08:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-05T20:47:05.000Z (about 2 years ago)
- Last Synced: 2025-03-05T17:27:35.593Z (about 1 year ago)
- Topics: css3, html5, js, responsive-design
- Language: JavaScript
- Homepage: https://dom-2-psi.vercel.app
- Size: 23.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Color Selector and Background Changer Project
This repository contains an HTML, CSS, and JavaScript project named "Color Selector and Background Changer Project". This project provides a color selector feature that dynamically changes colors. Additionally, users can change the background color by clicking on specific buttons or hovering over a button.
## Technologies Used
- **HTML5**: Used to create the structure of the web page.
- **CSS3**: Used to style and layout the page.
- **JavaScript**: Used for interactions and dynamic features on the page.
- **Font Awesome**: Used for icons.
## Files
- **index.html**: The main HTML file. It contains the structure and elements of the interface.
- **style.css**: The CSS file. It defines the style and layout of the page.
- **app2.js**: The JavaScript file. It is where interactions and dynamic features on the page are implemented.
## Features
- Color Selector: Users can dynamically change the background color by using a color selector.
- Change Color with Buttons: Users can change the background color by clicking on the "Click!" and "Mouseover!" buttons or hovering over them.
- Copy Feature: The color code can be copied to the clipboard by clicking on the color text.
## How to Use
1. Clone the project or download it as a ZIP file.
2. Open the `index.html` file in a web browser.
3. Use the color selector to choose a color or generate random colors by clicking the "Click!" and "Mouseover!" buttons.
4. Copy the color code by clicking on the color text or the copy icon next to it.
## Screenshots
## Live Link
You can visit a live version of the project [here](https://dom-2-pwmm.vercel.app/).
## License
This project is licensed under the MIT License. See the