Skip to content

A color picker web built on html, css and javascript with on click to copy and with a view color in background functionality.

License

Notifications You must be signed in to change notification settings

Murtaza-Ax/Color-Picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color Picker Website

🌟Color Picker Website🌟 Discover the perfect hue with our intuitive color picker tool! Easily select and customize colors using a vibrant spectrum or precise sliders. View and copy color values in various formats, including HEX, RGB. Ideal for web designers, artists, and anyone seeking the ideal color palette.

Overview Technologies Features Demo Getting Started License Contributing Contact

📱 Visit this Project

Overview

**Color Picker** This color picker website offers a user-friendly interface for selecting and customizing colors. With features like a visual spectrum and adjustable sliders, users can easily find their desired hue. The tool also provides the flexibility to view and copy color values in different formats, making it a valuable resource for web designers, artists, and anyone in need of accurate color selection.

💻 Technologies

  • HTML5
  • CSS3
  • Javascipt

✨ Features

  • 🌈 Visual Color Spectrum: A vibrant and interactive color wheel for easy selection.
  • 📊 Color Value Display: Shows color values in various formats (e.g. HEX, RGB).
  • 📋 Clipboard Copying: Quickly copy the selected color value for immediate use.
  • 🎨 Modern UI/UX: A clean and stylish user interface that enhances the user experience.
  • 🌐 Cross-Browser Compatibility: Works flawlessly across all major browsers.
  • 🛠️ Easily Customizable: Built with a modular structure, making it simple to modify and expand.
  • 🧹 Clean and Well-Commented Code: The codebase is organized and easy to understand, making it perfect for developers of all levels.

🖼️ Screenshots

Here are some screenshots of the **Color Picker** website:

img

img

img

🚀 Getting started

Prerequisites

To run this project, you'll need:

  • A web browser (Chrome, Firefox, Safari, etc.)
  • Git for version control (optional)

Installation

  1. Clone the repository:

      git clone https://github.com/Murtaza-Ax/Color-Picker.git
  2. Open the project in your favorite code editor:

      cd Color-Picker
  3. Run the project:

    Simply open the index.html file in your browser to view the page.

📄 License

This project is licensed under the MIT License.

🤝 Contribution

We welcome contributions to Color Picker! Whether you're fixing bugs, improving documentation, or adding new features, your help is greatly appreciated. Here's how to get started:

  1. Fork the Repository: Click the "Fork" button at the top right of this page to create a copy of the repository under your GitHub account.

  2. Clone the Forked Repository: Clone your fork to your local machine to start making changes.

      git clone https://github.com/username/Color-Picker.git

    replace username with your actual github name.

  3. Create A New Branch: Create a new branch with a descriptive name for your feature or bugfix.

        git checkout -b feature/your-feature-name  
  4. Make Changes: Implement your feature or fix the issue. Test your changes thoroughly.

  5. Commit Your Changes: Write a clear and concise commit message describing your changes.

      git commit -m "your feature name"
  6. Push to the Branch: Push your changes to your forked repository.

      git push origin feature/your-feature-name
  7. Create a Pull Request: Go to the original repository on GitHub and create a pull request. Please provide a detailed explanation of your changes and why they should be merged.

⭐ Thank you for considering contributing!

Documentations that might help

📝 How to create a Pull Request

💾 Commit pattern

📧 Contact

If you have any questions or suggestions, feel free to reach out:

⭐ If you like this project, consider giving it a star on GitHub! Your support is much appreciated.

Made with ❤️ by Murtaza Ali