ColorsPicker

A modern and beautiful color palette generator built with HTML, CSS, and jQuery.

Live Demo

Check out the live demo at ColorsPicker

Features

• Generate random colors
• Create beautiful gradients
• Pick custom colors
• Copy colors to clipboard
• Dark/Light theme support
• Responsive design
• Real-time color preview
• Color information display (HEX, RGB)

Technologies Used

• HTML5
• CSS3 (with CSS Variables for theming)
• JavaScript (ES6+)
• jQuery
• Font Awesome for icons

Installation

1. Clone the repository:

git clone https://github.com/arminmehraeen/ColorsPicker.git

2. Open index.html in your browser or serve it using a local server.

Usage

1. Generate Random Colors: Click the "Random" button to generate a new set of random colors.
2. Create Gradients: Click the "Gradient" button to create a beautiful gradient palette.
3. Pick Custom Colors: Click the "Custom" button to open the color picker dialog.
4. Copy Colors: Click on any color box or use the copy button to copy the color code.
5. Toggle Theme: Use the theme toggle switch to switch between light and dark modes.

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Author

Created by Armin Mehraeen