💧 Color Picker from Image
Upload any image and hover your cursor over it to read the exact HEX and RGB color code of every pixel — instantly, with no account, no upload, and no cost. A built-in 5× magnifier lets you pinpoint individual pixels, and every color you click is saved to a browsable history.
About
Color Picker from Image runs entirely inside your web browser using the HTML Canvas API. When you load an image, it is drawn onto a local canvas — your file never leaves your device. The tool samples the raw pixel data at full resolution, so the HEX and RGB values are always accurate, even for images scaled to fit the screen. A 5×5 pixel magnifier grid helps you zoom in and distinguish adjacent colors precisely. The Screen EyeDropper button (available in Chrome and Edge) extends picking to anything on your screen. Up to 24 recently picked colors are stored locally in your browser's localStorage, surviving page refreshes without any server account.
How to use
- Drop an image onto the upload zone or click 'Choose image' to open a JPG, PNG, WebP, GIF, or BMP file from your device.
- Hover your cursor over any part of the image — the live color swatch, HEX code, and RGB value update in real time as you move.
- Check the 5× magnifier grid below the image to zoom into individual pixels and pinpoint the exact color you need.
- Click on the image to lock a color into your history. Up to 24 swatches are saved — click any swatch to copy its HEX code.
- Use the 'Copy' buttons next to HEX and RGB fields to paste the values directly into your design tool or code editor.
FAQ
- Is this tool completely free?
- Yes. Color Picker from Image is 100% free with no usage limits, no sign-up, and no hidden fees — now and always.
- Does my image get uploaded to a server?
- Never. Your image is processed entirely inside your browser using the HTML Canvas API. Nothing is sent to any server, so your photos and design assets stay completely private.
- Can I use this tool offline?
- Yes. Once the page has loaded, the tool works with no internet connection. All color sampling happens locally in your browser, making it ideal for use on flights or in areas with poor connectivity.
- What color formats does the tool output?
- The tool outputs HEX (e.g. #3a8fdf) and RGB (e.g. rgb(58, 143, 223)) for every sampled pixel. Both values have one-click copy buttons for quick pasting into CSS, Figma, Photoshop, or any design tool.
- What image formats are supported?
- JPG, PNG, WebP, GIF, and BMP are all supported. You can drag and drop a file onto the tool or use the file picker to open it.