Need the exact color of a logo, a product or a sky? Open the image and click or tap any pixel. A magnifier loupe follows your pointer so you can hit the exact pixel, even on small details, and the color appears as HEX, RGB and HSL with copy buttons. Every color you pick goes into a history row, so you can compare and reuse them.
The tool also analyses the whole image with k-means clustering and shows its eight dominant colors as a palette. Copy any swatch, or copy the full palette as CSS custom properties to paste into a stylesheet. The image is read by your browser only and never uploaded.
How to use the Image Color Picker tool
- Choose an image, or paste a screenshot with Ctrl+V.
- Move over the image to see the zoom loupe, then click or tap the pixel you want.
- Copy the HEX, RGB or HSL value with one click.
- Scroll to the dominant color palette to copy single colors or all of them as CSS variables.
Why use ToolOrca Image Color Picker
- Pixel-precise picking with zoom loupe
- HEX, RGB and HSL values
- History of picked colors
- Automatic 8-color palette
- Copy palette as CSS variables
- Works on screenshots, logos and photos
HEX, RGB and HSL explained
HEX (for example #1E88E5) is the most common way to write a color in web design and design tools. RGB gives the red, green and blue amounts from 0 to 255. HSL describes the hue (0–360°), saturation and lightness, which makes it easy to create lighter or darker versions of the same color.
All three describe exactly the same color, so use whichever your app or code expects.
Why picked colors can vary slightly
Photos contain noise and gradients, so neighbouring pixels are rarely identical. If you need a representative color of an area rather than one pixel, use the palette, which averages similar colors across the image. JPG compression can also shift colors a little compared with the original design file.
Frequently asked questions
How do I find the HEX code of a color in a picture?
Open the picture here and click the color. The HEX code appears instantly with a copy button.
How is the palette created?
The tool samples the pixels of the image and groups similar colors with k-means clustering. The eight cluster centers, sorted by how much of the image they cover, form the palette.
Does it work on mobile?
Yes. Tap the image to pick a color; the loupe shows where your finger is so you can adjust before lifting.
Can I pick colors from a website?
Take a screenshot of the page, then paste it here with Ctrl+V or open the screenshot file.
Is my image uploaded?
No. Colors are read from the image in your browser. Nothing is sent to a server.