Image Colour Picker
Pick any colour from an image and get HEX, RGB, HSL and CMYK values, with a dominant palette.
Drop your image here
or click to browse
Processed locally — never uploaded
How to use image colour picker
- 1Add your image
Any format your browser can read.
- 2Click to pick a colour
The magnifier helps you place the sample accurately. Every format value updates together.
- 3Copy what you need
Click any value to copy it, or grab the whole palette at once.
About image colour picker
Image colour picker samples any colour from a picture and gives you the values needed to actually use it: HEX for web, RGB for code, HSL for CSS, and CMYK for print. It also extracts the dominant palette, which is the fastest way to build a colour scheme that matches a photograph.
Clicking a pixel gives the exact colour there, with a magnifier so you can see precisely what you have selected. For design work this is more accurate than an ordinary eyedropper, because the magnified view confirms you have not landed on the edge of a shape or on an anti-aliased pixel that sits halfway between two colours.
The palette is usually the more useful half of this tool. It finds the colours that genuinely dominate the image rather than the ones that happen to be most saturated, so the result reflects what the picture really looks like. That gives you a set of colours that work together by definition, which is a much better starting point than picking four at random and hoping.
Frequently asked questions
What is the difference between HEX, RGB, HSL and CMYK?
The same colour in different notations. HEX is the compact form used in web design, RGB is the raw red-green-blue values, HSL describes hue, saturation and lightness in a way that is easier to reason about, and CMYK is what print uses.
Why does the colour look slightly different on my screen?
Two reasons. Screens vary in calibration, and more importantly the original image has been through JPEG compression, which can shift colours slightly around edges. Sampling the middle of a flat area gives the most accurate result.
Can I copy a palette for a design?
Yes. Click any value in the palette to copy it. Using colours sampled from the same photograph guarantees they work together.
Does adding an image here affect it?
No. Nothing is uploaded, and the image is only read in order to sample pixels.
How many colours does the palette return?
Three to twelve, chosen with the number field. Five to eight usually reads best in a design, because more than that starts to feel arbitrary.
Is the picked colour exactly what is in the file?
Yes for a lossless format such as PNG, taken from the decoded pixel. For JPEG, the decoded value is what the compressed file contains, which may differ fractionally from the original capture.
Related tools
Private by design. Your files are processed on this device and are never uploaded to the 1xmobcas.com server. Use image colour picker offline with total confidence.