A browser extension that analyzes uploaded/pasted images to extract dominant colors or CSS gradients using pixel data processing. Ideal for developers and designers needing quick color extraction for CSS workflows.
- File Upload: Supports
PNG,JPEG, and other image formats via<input type="file">. - Clipboard Paste: Direct image pasting into a
<textarea>using the Clipboard API.
- Dominant Color Detection:
Uses frequency analysis of RGB pixel data to identify the most prevalent color. - CSS Gradient Generation:
Detects multiple dominant colors and generates alinear-gradient()with dynamic angle calculation.
- Solid Colors: Returns
rgb(r, g, b)or#hexvalues. - Gradients: Generates
linear-gradient(angle, color1, color2, ...)syntax.
- One-click copy functionality using
document.execCommand("copy").
- Modern browser with Manifest V3 support (Chrome 88+, Edge 88+).
- Clone the Repository:
git clone https://github.com/Ismayil77/image-color-picker-extension.git