Image Color Picker
Click any pixel in an image to get its HEX, RGB and HSL color codes, with one-click copy.
Drag & drop an image here, or click to browse
No uploads. Your files stay on your device.
Move over the image to preview a color — click to pick it.
Picked colors (click a swatch to copy its HEX code)
How it works
Drop any image, then click a pixel to read its exact color as HEX, RGB and HSL — hover the image (or move the crosshair with the arrow keys and press Enter) to preview colors before you pick. Every color you pick is collected below the image so you can copy individual codes or download the whole list as a text file. The eyedropper reads pixels with the Canvas API directly in your browser, so your image is never uploaded anywhere.
Frequently asked questions
How do I find the color code of an image?
Drop the image onto the tool, then click the pixel you want. Its HEX, RGB and HSL codes appear instantly with a copy button for each format — you can also move the crosshair with the arrow keys and press Enter to pick.
What is the difference between HEX, RGB and HSL color codes?
They are three notations for the same color. HEX (like #ff6600) is compact and standard in CSS and design tools; RGB lists the red, green and blue components from 0 to 255; HSL describes hue, saturation and lightness, which makes it easier to tweak a color's brightness or intensity.
Is my image uploaded when I pick a color?
No. The eyedropper reads pixel values with the Canvas API directly in your browser, so the image never leaves your device — safe for unreleased designs, client work and private photos.