Image color picker & palette extractor
Pick colors directly from your image, then turn them into a reusable palette for logos, decks, websites, and brand guidelines.
Choose a PNG, JPG, or WebP file from your device. Everything runs in your browser — your image is never uploaded.
No image loaded yet.
Most brand palettes use 3–6 core colors. Use more for gradients or illustration-heavy work.
Hover over the image to preview a color. Click anywhere to add that exact pixel color to your “Custom picks”, or generate an automatic palette from the whole image.
(PNG, JPG, WebP – processed locally only)
Generated from the overall image. Great starting point for brand colors or theme tokens.
Every time you click on the image, the pixel color is added here. Perfect for precise accents, buttons, or text-on-background combinations.
Copy colors directly to your clipboard, or export a PNG preview and a JSON file for your design system or app.
Tip: use the PNG palette in presentations or mood boards, and the JSON palette in
theme.json files, CSS variables, or Tailwind config.