Extract dominant colors from any image. Get HEX, RGB, and HSL values instantly. Export as CSS variables, Tailwind config, or a PNG swatch card — perfect for building design systems from reference images.
Drop a photo, screenshot, logo, or reference image. The tool reads every pixel using the Canvas API — nothing is uploaded to a server.
Choose how many colors to extract (3–12), sort by dominance, brightness, or hue, and filter to vibrant-only to skip greys and neutrals.
Copy HEX values with one click, export as CSS variables or Tailwind config, or download a PNG swatch card for client presentations.
One click copies your palette as CSS custom properties or a Tailwind colors config object — paste straight into your project.
Every swatch shows whether it passes WCAG AA contrast on white and black backgrounds — know at a glance if a color is safe for body text.
Download a clean, presentation-ready swatch card showing all colors with their HEX values — ideal for client mood boards and design handoffs.
Toggle "Vibrant Only" to skip near-white, near-black, and grey neutrals — surfaces only the interesting, usable brand colors from the image.
Every swatch shows all three color formats. Click any value to copy it instantly — no manual conversion needed between formats.
All color extraction runs locally in your browser using the Canvas API. Your images never leave your device — no uploads, no server, no data retention.