How do I get the hex code of a color in an image?

Drop the image above, hover until the magnifier sits on the color you want, then click. The HEX value appears first and copies with one click.

Can I get hex codes for a whole palette?

Yes. The palette panel extracts the main colors of the image, sorted by how much of it they cover, and exports them as CSS variables or JSON.

No. The image is read inside your browser and never leaves your device.

Drop in any image, click a pixel and copy its hex code. Hover to magnify, and pull the whole palette as HEX in one go.

Drop an image here

Drag and drop, paste with Ctrl + V, or load one from a URL. JPG, PNG, WebP, GIF and SVG.

Or press Ctrl + V

Or start from a sample

Picked

Purple

#D629F1

Palette

Load an image to extract its palette.

Tints and shades

Harmonies

Complement

Analogous

Triad

Split

Tetrad

Your image is read in the browser and never uploaded. Nothing is stored.

How do I get the hex code of a color in an image?: Drop the image above, hover until the magnifier sits on the color you want, then click. The HEX value appears first and copies with one click.
Can I get hex codes for a whole palette?: Yes. The palette panel extracts the main colors of the image, sorted by how much of it they cover, and exports them as CSS variables or JSON.
Is the image uploaded?: No. The image is read inside your browser and never leaves your device.

The tools that usually come after this one.

The catalog behind this tool: real, published entries with verified pricing and licensing, not a list of affiliate links.