How to Get the Hex Color Code from an Image
You've got a screenshot, a logo, or a photo and you need the exactcolor from it — to match a brand, build a palette, or fill a design. Eyeballing it never quite works. Here's how to get the hex color code from an image for free, by clicking the pixel you want.
Pick a color in three steps
- Open the Color Picker from Image and upload your image.
- Click anywhere on the image to sample that pixel.
- Copy the HEX, RGB, or HSL value with one click.
HEX, RGB, or HSL — which do you need?
- HEX (e.g.
#6d28d9) — the most common for web and design tools. - RGB — handy in CSS and when you need an alpha channel (rgba).
- HSL — best when you want to tweak hue/saturation/lightness by hand.
The picker shows all three for every color you sample, so you can copy whichever your tool expects.
Turn one color into a palette
Once you have a base color, the Color Shades Generator builds tints and shades from it, the Color Converter switches between formats, and the CSS Gradient Generator blends two colors into a ready-to-use gradient.
FAQ
Is my image uploaded anywhere?
No — the image is read into a canvas locally in your browser, so it never leaves your device.
Can I pick more than one color?
Yes — click as many spots as you like; each click updates the HEX, RGB, and HSL readout.
What image formats work?
JPG, PNG, WebP, and most common formats.