Image Color Picker
This image color picker lets you upload any photo, screenshot, or graphic and re
This image color picker lets you upload any photo, screenshot, or graphic and re
How to use Image Color Picker
- Upload an image using the file picker.
- Move over the image to preview, then click or tap the pixel you want.
- Copy the HEX, RGB, or HSL value with one click.
About Image Color Picker
This image color picker lets you upload any photo, screenshot, or graphic and read the exact color of any pixel. Move your cursor over the image to preview colors with a live magnifier, then click (or tap on mobile) to lock a pixel and get its HEX, RGB, and HSL values. Copy any format with one click, and re-use recent picks from the color history strip.
Colors are read at the image's full resolution using an offscreen canvas, so the value you get is the precise pixel you clicked — not an averaged or downscaled approximation, even though the on-screen preview may be shrunk to fit. It works with PNG, JPG, WebP, GIF, BMP, and most common formats your browser can display.
Everything runs entirely in your browser. Your image is read directly from your device and is never uploaded to a server, so it stays private. There is no account, no watermark, and no limit on how many colors you sample.
Frequently asked questions
- How do I pick a color from an image?
- Upload your image, move the cursor over it to preview colors in the magnifier, then click (or tap) the exact spot you want. The tool locks that pixel and shows its HEX, RGB, and HSL codes, each with a copy button.
- Are the color values accurate?
- Yes. The image is loaded onto a canvas at its full native resolution, and the color is read from that exact pixel. The preview on screen may be scaled to fit, but the sampled value corresponds to the real underlying pixel, not the resized version.
- Is my image uploaded anywhere?
- No. The image is read locally in your browser using the Canvas API and object URLs. Nothing is sent to a server, so your photos and screenshots stay completely private on your device.
- What image formats are supported?
- Any format your browser can display works, including PNG, JPG/JPEG, WebP, GIF, and BMP. Very large images load fine but may use more memory since they are processed at full resolution.
- Can I sample more than one color?
- Yes. Each color you click is added to a history strip of your recent picks. Click any swatch there to re-select that color and copy its hex code again.
- What is the difference between HEX, RGB, and HSL?
- They are three ways to write the same color. HEX (like #3B82F6) is common in web and design tools, RGB gives the red, green, and blue channels from 0 to 255, and HSL describes hue, saturation, and lightness. This tool shows all three for every pixel you pick.