Get the color palette from any image.
Drop in a photo and see its colors in a second. Drag to fine-tune, click to pick an exact hex code, then copy it straight into your design.
Your photos are processed on your device and never uploaded.
No photo handy? Try one of these.
From photo to palette in three steps.
- 1
Add your image
Drop a file, paste a screenshot, or use an image link. JPG, PNG, WebP, GIF and AVIF all work.
- 2
Get the palette
You get the colors that define the image, not just the most common ones, so a red accent isn’t lost in a big blue sky.
- 3
Copy and export
Click a color to copy it. Export the set as CSS variables, a Tailwind theme, JSON, or a PNG to share.
Made for designers. Simple enough for anyone.
Build a website color scheme from a hero photo, pull a brand palette from a logo, or save the colors of a place you love.
A color picker for every pixel
Hover to magnify, click to copy the exact code. Ideal for matching a brand color from a logo, product shot or screenshot.
Fine-tune by hand
Each color is pinned to the spot it came from. Drag a pin and its swatch updates as you move.
Every format you need
Switch between HEX, RGB, HSL and OKLCH in one tap. Export to CSS, JSON, SVG or PNG, or get a full Tailwind 50–950 scale for every color.
Private by design
Your images are read by your browser. Nothing is uploaded, stored, or used to train anything.
Questions, answered.
Want more color ideas? Browse thousands of palettes on ColorKit.
How do I get a color palette from an image?
Drop your image on this page, paste it with Cmd+V or Ctrl+V, or choose a file. The palette appears right away. Use the plus and minus buttons to show between 2 and 12 colors, then click any color to copy its code.
How do I find the hex code of a color in an image?
Hover over the photo to open the magnifier, then click the exact pixel you want. Its hex code is copied to your clipboard and saved under Picked colors. On a phone, tap the spot instead. Switch the format to RGB, HSL or OKLCH if you need a different code.
Is this tool free?
Yes. Every feature is free with no account, no watermark and no limit on how many images you use.
Are my images uploaded anywhere?
No. Images you drop, paste or choose are read by your own browser and never leave your device. Only images you load from a link are fetched through our server, because most websites block other sites from reading their images directly. Nothing is stored.
How does it choose which colors to show?
It groups every pixel into clusters of similar color using a perceptual color space called OKLab, which matches how people see differences in color. It then picks the clusters that cover the most of the image while staying distinct from each other, with a small boost for vivid colors so a bright accent isn’t drowned out by a large gray area. Want a different take? Open the tune menu and slide toward muted or vivid, dark or light.
Can I get colors from a logo or a screenshot?
Yes. Paste a screenshot straight from your clipboard, or drop a logo file. PNGs with transparent backgrounds work too, since transparent pixels are ignored. For flat graphics, click directly on a shape to get its exact brand color.
What can I do with the palette once I have it?
Copy single colors or the whole set, export CSS variables, a Tailwind CSS theme or JSON, or turn every color into a full Tailwind 50 to 950 shade scale. Download a PNG of the photo with its palette or an SVG for Figma, share a link, or open it in ColorKit to keep editing.
Can Google or ChatGPT tell me the colors in an image?
They can describe the colors they see, but the codes they give are estimates. This tool reads the actual pixel values from your image, so the hex codes are exact.