Image Color Picker
Hover over any image pixel to instantly read its color values
Everything runs in your browser. Your data never leaves your device.
Related tools
How to use
Upload an image, hover over it to preview colors in real time, and click to pin the colors you want to copy. All color extraction runs locally in your browser using the Canvas API.
Upload your image
Click the upload area or drag and drop an image file. The image is drawn onto a Canvas element, which enables pixel-level color reading using the getImageData API without any server communication.
Hover to preview colors
Move your cursor over the image. The HEX, RGB, and HSL values for the pixel under your cursor update in real time, and a color swatch shows a live preview of the exact shade you are pointing at.
Click to pin and copy
Click on any part of the image to lock that color into the pinned palette. Use the copy buttons next to each format to copy the HEX, RGB, or HSL value to your clipboard for use in your design tool or code editor.
Examples
Extracting brand colors from a logo
Upload a brand logo image and hover over the main colored areas to identify the exact HEX values used. Click to pin each color, then copy the HEX codes directly into your CSS variables or design system — no guesswork, no eyedropper plugin required.
Matching colors from a reference photo
Upload a mood board or reference photograph and pick specific colors — a shadow tone, a highlight, a background hue — to use in a digital illustration or UI design. The HSL values are especially useful for adjusting lightness while keeping the same hue in code.
About this tool
Load any image and hover over it to see the exact color at the pixel under your cursor, displayed in HEX, RGB, and HSL formats simultaneously. Click anywhere on the image to pin that color so you can copy the values at your leisure. Each pinned color shows a swatch alongside copy buttons for all three formats. Processing uses the Canvas getImageData API and runs entirely in your browser — your image is never sent to a server and never leaves your device.