Upload any image and click any pixel to extract its exact color code. 100% private -- nothing uploaded.
Your image is never uploaded to any server. Color extraction happens entirely in your browser using the Canvas API.
🖼️
Drop your image here or click to upload
JPG, PNG, WebP, GIF supported
Picked Color
HEX#000000
RGBrgb(0, 0, 0)
HSLhsl(0, 0%, 0%)
Recently Picked
Dominant Colors in This Image
How to Use the Image Color Picker
Click the upload area or drag and drop any image file. Once the image loads, move your cursor over it -- the cursor changes to a crosshair to indicate you can pick colors. Click any pixel to extract its exact HEX, RGB, and HSL values.
The recently picked colors row saves your last 8 selections. Click any history swatch to copy that color's HEX code. This is useful when comparing colors from different parts of the image.
The dominant colors section analyzes the full image and shows the 5 most common colors. This gives you the overall color palette of the image without clicking individual pixels. It is useful for extracting a brand palette from a logo, understanding the color story of a photograph, or matching an image's mood in a design.
Common uses include extracting brand colors from a company logo, matching colors from a client's existing website, pulling palette inspiration from a photograph, and finding the exact color code of a specific UI element from a screenshot.
Frequently Asked Questions
Upload your image using this tool, then click any pixel on the image. The HEX, RGB, and HSL values of that exact pixel are shown instantly. You can copy any format with one click.
Yes. Take a screenshot (PNG or JPEG), upload it to this tool, and click any pixel to extract its color. This works with screenshots of websites, app UIs, design mockups, and any other image.
The dominant color is the most frequently occurring color region in an image. This tool analyzes the full image and shows the top 5 most common colors, giving you the overall color palette of the image.
Upload the photo, click on the color you want to match, and copy the HEX code. Paste it into your design tool (Figma, CSS, etc.). For extracting a full palette, use the dominant colors section which shows the top 5 colors in the image.
No. Your image is processed entirely in your browser using the HTML5 Canvas API. Nothing is uploaded to any server. The image never leaves your device.