Skip to content

Latest commit

 

History

History
45 lines (32 loc) · 1.8 KB

README.md

File metadata and controls

45 lines (32 loc) · 1.8 KB

Color Picker Chrome Extension

Description

Color Picker is a simple and efficient Chrome extension that allows users to easily pick any color from the screen, view the color code, and copy it with a single click. The picked colors are stored locally and can be accessed anytime.

Features

  • Pick any color on the screen using the EyeDropper API.
  • View the picked colors in a list.
  • Copy color codes to the clipboard.
  • Clear all picked colors with a single click.

Installation

  1. Clone the repository to your local machine.
    git clone https://github.com/yourusername/color-picker-extension.git
  2. Open Google Chrome and navigate to chrome://extensions/.
  3. Enable "Developer mode" by toggling the switch in the top right corner.
  4. Click on "Load unpacked" and select the directory where you cloned the repository.

Usage

  1. Click on the Color Picker extension icon in the Chrome toolbar.
  2. Click on the "Pick Color" button to activate the EyeDropper tool.
  3. Select any color on the screen. The color will be added to the list of picked colors.
  4. Click on any color in the list to copy its code to the clipboard.
  5. Click on "Clear All" to remove all picked colors from the list.

Files

  • index.html: The main HTML file for the extension popup.
  • style.css: The CSS file for styling the extension popup.
  • script.js: The JavaScript file for handling the color picking and copying functionality.
  • manifest.json: The manifest file that defines the extension's properties and permissions.
  • Icons/: A directory containing the icons for the extension in various sizes.

Developer

This Color Picker Chrome Extension is developed by Sneha Thange.

UI

Screenshot 2024-05-30 121839