Design / Palette Pocket
Find a color palette inside your image
Extract a small palette from a photo or illustration, locally. Get approximate hex colors and sample shares, then download CSS, JSON, or SVG swatches.
Start with an image
JPEG, PNG, or WebP · up to 20 MB and 40 megapixels
Find a small set of colors in an image, without uploading it.
Take the colors with you
Your image stays on your device. Exports contain only the palette.
A starting point for a design
Carry the mood of an image into your next project.
A photo, a piece of packaging, or a simple illustration can suggest a useful set of colors. Palette Pocket groups similar sampled colors and gives you a small set of hex values to try in a slide, layout, or web design.
Use the SVG as a swatch reference, CSS as custom properties, or JSON to move the values into another tool. For text and background combinations, check the contrast before using them together.
How are the colors chosen?
The image is resized to a maximum edge of 200 pixels. Nearby RGB colors are grouped, then refined into up to your selected number of clusters. Large areas influence the result more than tiny details. A nearly single-color image may return fewer colors.
What do the percentages mean?
They are approximate shares of the resized, visible sample after grouping. Fully transparent pixels are ignored, and partly transparent pixels have less weight. Rounded percentages can total slightly above or below 100%. They do not measure exact areas in the original file.
Will I get exact print or brand colors?
The output is an approximation for screen design. Resizing, color profiles, browser decoding, and transparency can affect the sample. Use the original source values when exact color specifications matter. A transparent color’s appearance also depends on what is behind it.
What is saved or uploaded?
Nothing is uploaded or saved to an account. A small preview and sampled pixels stay in this tab. Downloads contain color values and approximate shares, without the source image or filename. Closing or refreshing clears the working palette.