Image to Palette
Drop a photo or screenshot and get the hex codes in seconds.
Tap to upload an image
JPG, PNG, WebP. Everything runs in your browser.
From image to palette in three steps.
Drop an image
Drag, drop, paste, click, or tap. JPG, PNG, WebP. The file never leaves your browser.
Tune the count
The image is clustered in OKLab color space. Slide between 2 and 8 colors in real time.
Open it as a gradient
Copy the hex codes, or open the palette directly in our mesh gradient generator.
Designers who steal color from the world.
Logos.
Lift brand colors from a logo or app screenshot in three to five intentional tones. Drop a Linear, Stripe, or Notion identity and remix it.
Photos.
Light, shadow, and skin tones. Extract colors from a photo: a single sunset gives you eight hues no algorithm could generate from scratch, because they came from the world.
Screens.
Lift the UI palette from any app screenshot in two seconds. Match a competitor's surface tones without manually picking pixels with the eyedropper.
Posters.
Pinterest pins, album covers, movie stills, magazine spreads. Mood boards with a deliberate color story you can borrow, animate, and ship.
Already have a palette in mind?
The short answers.
Is it free?
Yes. The image-to-palette tool is free with no sign-up. Pro features like 4K export, MP4 video, and API access live in our mesh gradient generator.
How many colors can I extract?
Between 2 and 8. Drag the slider to change the count in real time. Fewer colors give you broad themes; more colors capture more nuance from the image.
Can I pick a single color instead of a whole palette?
The tool extracts a palette of 2 to 8 representative colors, not a per-pixel color picker. Once a palette is extracted, hover any swatch to see and copy its hex, RGB, HSL, and CMYK values. For per-pixel inspection of an image, your browser's built-in eyedropper is the right tool.
Can I extract colors from a logo or screenshot?
Yes. Use it as a logo color extractor on a brand screenshot, or on an app UI reference. Vector-like images give very clean palettes because they already have a small, intentional color set. Photos give more nuanced palettes since they include lighting and shadow variations. You can also browse our color directory to look up specific hexes by name.
Does it work on mobile?
Yes. Tap the upload area on a phone or tablet to pick an image from your camera roll or photo library. Extraction runs entirely on your device, same as on desktop.
Can I edit the palette after extracting it?
Yes. Click "Open in mesh gradient generator" and the palette loads in our editor, where you can lock colors, replace individual swatches, and export the gradient as PNG, WebP, MP4, CSS, Tailwind, or code. Or browse our community palettes for ready-made inspiration.
How does this image-to-palette tool work?
Your image stays on your device. We downscale it to a small working size in the browser, sample thousands of pixels, and cluster them in OKLab (a perceptually uniform color space) to find the colors that best represent the image. Nothing is uploaded to a server. The full walkthrough lives in our tutorial.
Why OKLab clustering instead of MMCQ or median-cut?
Older palette extractors split the RGB color cube along its widest axis (median-cut / MMCQ). It's fast but the resulting palettes often feel muddy because RGB distances don't match how humans perceive color differences. OKLab is designed so that equal distances correspond to equal perceived differences, so the extracted palette feels right to the eye.