Are my uploaded photos sent to a server?

No. The entire image reading and color sampling pipeline runs client-side inside HTML5 Canvas.

Can I save multiple colors?

Yes, every color you click is added to your session palette history for easy copying.

Why does the color differ from what I see elsewhere?

Displays and image color profiles vary. The picker reports the pixel values stored in the image as your browser decodes them.

Can I pick colors on a phone?

Yes. Tap the image to pick a color. The magnifier appears when using a mouse.

How many colors are kept in the palette?

The palette keeps your last 12 picks for this session.

Image Color Picker

Extract exact pixel colors from photos and graphics. Features an interactive precision zoom loupe, click-to-pick eyedropper, and saved color palette history.

or drag and drop onto the canvas

Move over the image to magnify, then click to pick a color.

Select or hover over the image to inspect colors.

How to use Image Color Picker

Upload or drop an image onto the canvas.
Move cursor over the image to preview pixel colors in the magnifier loupe.
Click anywhere on the image to lock in and save the color.
Copy your desired color code format (HEX, RGB, HSL, CMYK).

About Image Color Picker

Pick exact colors from any image. Move over the picture to see a zoomed preview of the pixels under your cursor, click to pick a color, and copy it as HEX, RGB, HSL, or CMYK. Every color you pick is kept in a palette for this session.

Picking precisely

The magnifier enlarges the area around your cursor so you can hit a single pixel, which matters on anti-aliased edges and fine text where neighboring pixels differ. Fullscreen mode gives you a larger image for even more precise picks.

Clicking adds the color to your palette, so you can collect several colors from one image and copy them later.

Which code to use

HEX and RGB are for screens: CSS, design tools, and apps. HSL describes the same color by hue, saturation, and lightness, which makes it easy to create lighter or darker variants. CMYK values are a starting point for print, but final print colors depend on the printer and paper.

Common uses

Matching brand colors: Get the exact color from a logo or screenshot.
Web development: Copy colors from a design mockup into CSS.
Digital art: Sample colors from reference photos.
Accessibility checks: Grab text and background colors to test their contrast.

Questions about Image Color Picker

Are my uploaded photos sent to a server?: No. The entire image reading and color sampling pipeline runs client-side inside HTML5 Canvas.
Can I save multiple colors?: Yes, every color you click is added to your session palette history for easy copying.
Why does the color differ from what I see elsewhere?: Displays and image color profiles vary. The picker reports the pixel values stored in the image as your browser decodes them.
Can I pick colors on a phone?: Yes. Tap the image to pick a color. The magnifier appears when using a mouse.
How many colors are kept in the palette?: The palette keeps your last 12 picks for this session.

More tools like Image Color Picker

Comments

Questions, ideas, or a bug in Image Color Picker? Let us know.