Skip to content

CodeMaverick2/ColorPicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation


Color Picker

Overview

This project is a Color Picker tool that allows users to select and preview colors. It's a straightforward web application that lets you choose colors either by adjusting sliders or entering specific color values.

Features

  • Select colors using sliders for Red, Green, and Blue (RGB).
  • Preview the selected color in real-time.
  • Copy the selected color's hex code.

Setup Instructions

Prerequisites

  • A modern web browser.

Installation

  1. Clone the repository:
    git clone https://github.com/CodeMaverick2/ColorPicker.git
  2. Navigate to the project directory:
    cd ColorPicker

Running the Application

  1. Open the index.html file in your browser to start using the Color Picker.

Project Structure

ColorPicker/
│
├── index.html      # Main HTML file
├── styles.css      # CSS styling
└── script.js       # JavaScript functionality

Usage

  • Selecting Colors: Adjust the RGB sliders to select a color.
  • Previewing: The color preview box updates automatically as you adjust the sliders.
  • Copying Hex Code: The hex code for the selected color is displayed and can be copied.

License

This project is licensed under the MIT License.