Color Picker from Image
This free image color picker reads the exact color of any spot in a photo. Give it a picture, drag the magnifier onto the pixel you want, and you get its HEX, RGB and HSL values, the nearest named color and three matching palettes. Your photo is processed in your browser and never uploaded. No sign-up needed.
How to pick a color from an image
Tap the photo area to choose a picture, or tap Use camera to take one. Then press on the photo and drag. A round magnifier appears above your finger, showing the pixels under the crosshair, so your hand never covers what you are aiming at. Let go and the color locks. To fine-tune it, drag again, or use the arrow keys for one-pixel steps (hold Shift for ten).
What you get for every color you pick
The result appears under the photo, never over it, so the spot you sampled stays in view.
| Value | Example | Good for |
|---|---|---|
| HEX | #FF8800 | CSS, design tools, hex color codes |
| RGB | rgb(255, 136, 0) | screens, code, image editors |
| HSL | hsl(32, 100%, 50%) | tweaking hue, saturation and lightness |
Tap any value, or any swatch, to copy it.
Sample one pixel or average 3x3 and 5x5
Open the gear icon to change the sample area. One pixel reads exactly what is under the crosshair. A 3x3 or 5x5 average blends the surrounding pixels, which steadies the result on grainy or textured photos such as fabric, skin, foliage or a low-light shot.
Find the color name from an image
Next to the swatch you will see the nearest named color. It is found by converting your color to CIELAB and picking the closest entry by Delta E, a measure of how different two colors look. Choose the naming list in the gear settings: the standard web colors (such as cornflowerblue) or Material Design (such as Deep Purple 500).
Matching palettes: complementary, analogous, triadic
Each picked color comes with three palettes built by turning its hue on the color wheel and keeping its saturation and lightness.
| Palette | Hue shift | Colors |
|---|---|---|
| Complementary | +180° | 2 |
| Analogous | -30° and +30° | 3 |
| Triadic | +120° and +240° | 3 |
Get a hex code from a photo on iPhone, Android or desktop
It works the same on every device. On a phone, choose from your library or use the camera; on a computer, click the photo area or drop a file onto it. JPG, PNG and WebP work directly, and iPhone HEIC photos and camera RAW files are converted on your device first. Very large photos are scaled down slightly for sampling so phones do not run out of memory.
Frequently Asked Questions
How do I pick a color from an image online?
Choose a photo, then press on it and drag. A magnifier appears above your finger or cursor so you can aim at a single pixel, and letting go locks the color. Its HEX, RGB and HSL values appear under the photo, and tapping any of them copies it. Everything runs in your browser, so nothing is uploaded.
How do I get the hex code from an image?
Lock a spot on the photo and the HEX code shows at the top of the result, for example #FF8800. Tap it to copy it to your clipboard, ready to paste into a design tool or a stylesheet.
How do I get the RGB value of a color in a photo?
Lock a spot on the photo and read the RGB row, written as rgb(255, 136, 0). Tap the row to copy it. The HSL value sits right below it if you need hue, saturation and lightness instead.
How do I find the color name from an image?
After you lock a color, the nearest named color appears next to the swatch. It is the closest match by CIELAB Delta E distance, a measure of how different two colors look. Names come from the standard web colors, or from Material Design if you pick that in the settings.
How do I find complementary colors from an image?
Lock a spot and scroll to the palettes under the values. The Complementary row shows your color beside the one on the opposite side of the color wheel, 180 degrees away in hue. Analogous and Triadic rows sit below it, and tapping any swatch copies its HEX code.
Can I get a hex code from an image on my iPhone or Android?
Yes. Tap the photo area to choose from your library, or tap Use camera to take a new photo. Then drag on the picture: the magnifier sits above your finger, so your finger never hides the pixel you are aiming at. iPhone HEIC photos and camera RAW files work too.
Why average 3x3 or 5x5 instead of one pixel?
A single pixel in a photo is often noise or grain, so it can land a little off the color you can see. Averaging a 3x3 or 5x5 block smooths that out and gives a steadier reading on textured surfaces like fabric, skin or foliage. Open the gear icon to switch between 1 pixel, 3x3 and 5x5.
Is my photo uploaded anywhere?
No. The photo is read and sampled inside your browser and never sent to a server. There is no account and nothing is saved after you close the page.
Recommended
-
1,500 Color Mixing RecipesTurn the hex code you picked into a real paint mix.
-
Wacom Intuos Small Pen TabletDraw with the exact colors you just picked.
-
Calibrite ColorChecker PassportShoot photos whose colors match real life.
Helps keep the tools free. ✨
Images are for illustration only. As an Amazon Associate I earn from qualifying purchases.
