Color Picker from Image
Upload a photo, move over it to preview a color, and click to grab its exact hex, RGB, and HSL code.
Solte uma imagem para selecionar cores
Arraste e solte, cole ou escolha um arquivo
PNG · JPG · WebP — cores lidas no seu dispositivo
Color Picker from Image
An on-screen color picker is the fastest way to lift an exact color out of a photo, screenshot, logo, or design mockup. Instead of eyeballing a shade or guessing values, you point at the pixel you want and read its precise code. This tool reads the pixel directly from the image in your browser, so the value you copy is the real color — not a re-compressed approximation.
Every pick is shown in the three formats you actually use: HEX for CSS and design tools, RGB for editors and code, and HSL when you want to reason about hue, saturation, and lightness. Each has its own copy button, and the tool keeps a small strip of your recent colors so you can build up a set without losing earlier picks.
It works on any raster image — product photos, brand assets, UI screenshots, illustrations, or stock images. Because picking happens on your device, large images stay responsive and you can sample as many colors as you like.
How to pick a color from an image
- Add your image — drag & drop, paste, or choose a PNG, JPG, or WebP.
- Hover to preview — the hex value follows your cursor across the picture.
- Click to lock — the picker shows HEX, RGB, and HSL side by side.
- Copy a code — one click copies any format; recent picks are kept for reuse.
Tip: zoom in for pixel-perfect picks
On a high-resolution photo, two neighbouring pixels can be slightly different shades. Open the image at a larger size, or crop in first, so the pixel under your cursor is exactly the one you mean to sample.
More color tools
Palette extractor
Pull the dominant colors and export CSS, JSON, or a PNG sheet.
Color toolDominant color
Find the single main color — plus the true average.
Color toolColor histogram
See the RGB and luminance distribution of a photo.
Color toolColorblind simulator
Preview protanopia, deuteranopia, and tritanopia.
Color toolRecolor image
Shift hue, saturation, and lightness across the whole image.
Color toolReplace color
Swap one color for another with adjustable tolerance.
Perguntas frequentes
How do I get the hex code of a color in an image?
Open the image, hover to preview, and click the pixel. The HEX value appears with a copy button, alongside the RGB and HSL equivalents.
Can I pick colors on a phone?
Yes. Tap the spot you want on a touch screen; the picked color and its codes appear in the panel below the image.
Does it change my image?
No. The color picker only reads pixels — your original file is untouched. Recolor and Replace color are separate modes when you do want to edit.
What's the difference between HEX, RGB, and HSL?
They describe the same color three ways: HEX is a compact code for the web, RGB lists red/green/blue channels, and HSL expresses hue, saturation, and lightness. Pick whichever your tool expects.
Where is my image processed?
It happens in your browser, so the result is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
Mais ferramentas de imagem
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.