Image color picker
Click any pixel and copy its color.
About Image color picker
Need the exact color from a logo, a screenshot or a photo? Drop the image, zoom in, click the pixel, and copy the value in HEX, RGB or HSL. A history keeps the last colors you picked.
- Use the magnifier for single-pixel accuracy on thin lines.
- Anti-aliased edges blend colors; pick from the middle of a shape.
- Color palette extractor gives the overall palette instead of single pixels.
How to use it
- 1Drop an image or paste a screenshot.
- 2Zoom and click the pixel you want.
- 3Copy the HEX, RGB or HSL value.
Questions
- Why does the color differ from the design file?
- JPG compression and color profiles shift values slightly. Pick from a PNG or the original asset where possible.
- Can I pick several colors?
- Yes, each click is added to a list you can copy together.
- Is anything uploaded?
- No. Everything runs in your browser, so your files never leave your device.
More developer tools
Favicon converterTurn any image into favicon ICO and PNG sizes.App icon generatorGenerate the full iOS and Android icon set from one image.OG image generatorDesign a 1200×630 link preview card with templates, presets and the meta tags.OG image checkerPaste a URL and see its link preview, Open Graph tags and what to fix.Color palette extractorPull the dominant colors out of any image.SVG optimizerStrip editor junk and shrink SVG markup.Sprite sheet generatorPack icons into one sheet with matching CSS.Blurhash generatorCreate a tiny blurred placeholder for lazy loading.