/Image-Color-Picker

❤️ Open-source JavaScript image to HEX & RGB color picker. Browser-based, single HTML file. Paste/upload screenshot, click to pick pixel color—ideal for UI/UX, CSS, and frontend devs.

Primary LanguageHTMLMIT LicenseMIT

🎨 Image-Color-Picker

In a single HTML file you can run localy paste (Ctrl+V) or upload images, click any point to get exact HEX & RGB codes—perfect for devs/designers needing precise UI color from screenshots!

image

Important

Leave a ⭐ on the repo for more amazing open-source software projects and tools.

Join the community on discord: https://discord.gg/4enDY8yhuS

Features

  • 🖼️ Paste (Ctrl+V) or upload any image

  • 🎯 Click any pixel to get its HEX and RGB color

  • 🧪 Supports screenshots, UI mocks, photos, or design previews

  • ⚙️ Fully client-side – works offline, no data uploaded

  • 🧩 One single HTML file – easy to use, no setup or install

  • 🖌️ Perfect for UI/UX designers, frontend developers, CSS tweaking, and web color matching

  • 🔒 Privacy & Security

    • 100% client-side.
    • No internet connection needed.
    • Your images and data never leave your browser.
    • Its 100% open source

🚀 How to Use

  1. Download or clone this repository.

  2. Open index.html in any modern browser.

  3. Paste (Ctrl+V) an image or click to upload one.

  4. Use the + icon to zoom and hover to the pixel you need.

  5. Click on the desired pixel to get its exact color.

  6. Copy the HEX or RGB value to your project.

🧠 Use Cases

  • Extract UI colors from screenshots or mockups

  • Match brand colors from logos or visuals

  • Get pixel-perfect accuracy for CSS design

  • Replace guesswork with exact color codes