Image Color Picker
Pick colours from any image with a pixel-precise eyedropper. Export HEX, RGB, HSL, and CMYK values.
Free & unlimited
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Upload an image
Drag and drop or click to select an image file.
- 2
Hover to inspect
Move your cursor over the image - the magnifier loupe shows zoomed pixels around your cursor.
- 3
Click to pick
Click any pixel to extract its exact color as HEX, RGB, and HSL.
- 4
Build a palette
Pick multiple colors to build a palette strip, then export as CSS variables or JSON.
- The magnifier loupe shows an 8x zoom of the pixels around your cursor for precise picking.
- Click any color in the palette strip to copy its HEX value instantly.
- Export your palette as CSS custom properties, SCSS, or Tailwind config for direct use in code.
- Magnifier loupe with 8x zoom
- HEX, RGB, HSL color output
- Palette strip of last 20 picked colors
- Export as CSS, SCSS, JSON, Tailwind config
- Pixel coordinates display
- Extracting exact brand colors from a logo or screenshot
- Building a color palette from a photo for design work
- Identifying specific colors for CSS styling