Color Picker from Image
Upload an image and click any pixel to get its HEX, RGB, and HSL color. Works entirely in your browser — your image never leaves your device.
Color Picker from Image — Pick exact colors from any image with one click. The eyedropper tool shows the pixel under your cursor, magnified, with HEX, RGB, and HSL values for the spot. Useful for matching brand colors in a screenshot, grabbing a palette from a photo, or pulling a specific shade from a design mockup.
The image is decoded and drawn to a canvas in your browser. It never leaves your device.
Was Color Picker from Image useful?
What is color picker from image?
Pick exact colors from any image with one click. The eyedropper tool shows the pixel under your cursor, magnified, with HEX, RGB, and HSL values for the spot. Useful for matching brand colors in a screenshot, grabbing a palette from a photo, or pulling a specific shade from a design mockup.
Everything happens in your browser using the canvas API. The image is decoded locally and never uploaded to a server. You can drop in a photo, screenshot, or any standard image format (JPG, PNG, WebP, GIF).
How to use it
-
Drop in an image
Drop onto the upload zone or click to pick a file. JPG, PNG, WebP, GIF, and most browser-supported formats work.
-
Click any pixel
The magnifier zooms in so you can land on a single pixel.
-
Read the color values
HEX, RGB, and HSL values update in the panel as you click.
-
Build a palette
Click "Add to palette" to save each color. Export as JSON or CSS variables when you are done.
Frequently asked questions
Related tools
Color Picker
Pick any color and copy it as HEX, RGB, or HSL.
Color Palette Generator
Generate 5-color palettes from any base color using classic harmony schemes — analogous, complementary, triadic, and more.
HEX to RGB
Convert any HEX color code to its RGB and HSL equivalents.
RGB to HEX
Convert RGB values (0–255) into a HEX color code.