Back to Projects
Color Picker
Project Overview
A browser extension (Chrome Manifest V3) that lets users pick colors from any webpage and copy HEX, RGB, and HSL values with one click, improving design and development workflows. It uses the EyeDropper API for in-page color sampling and the Chrome Storage API for persistent state across sessions.
Key Features
- •EyeDropper API integration for accurate in-page color sampling.
- •Chrome Storage API for persistent last-color state across sessions.
- •Client-side color conversion (HEX ↔ RGB ↔ HSL) and Clipboard API for instant copy in multiple formats.
- •Manifest V3 compliant for modern Chrome extension standards.
Future Plans
- →Support for Firefox and other browsers where EyeDropper is available.
- →Color palettes and history.
- →Contrast checker and accessibility hints.
Tech Stack
Frontend
JavaScriptHTML5CSS3
Tools / Deployment
Chrome Extension (Manifest V3)EyeDropper APIChrome Storage API
Key Highlights & Achievements
Workflow
One-click copy in HEX, RGB, HSL
Instant copy
Persistence
Last color saved across sessions
Chrome Storage API
Standards
Manifest V3, EyeDropper API
Modern extension