color-palette-extractor

Color Palette Extractor

Extract and generate accessible color palettes from images, websites, and designs.

Contents

• references/output-template.md — full report structure for presenting a palette
• references/export-formats.md — CSS, Tailwind, SCSS, JSON, iOS, Android snippets
• references/color-theory.md — harmony schemes, accessibility, extraction best practices

Workflow

1. Identify the source: image file (PNG, JPG, SVG), website URL, screenshot, design mockup, or an existing color code to build from.

2. Extract colors.

   • From an image: analyze pixel data, identify dominant colors, group similar shades, calculate frequency, and sort by prominence.
   • From a website: fetch and parse the CSS, extract color values, and identify brand, accent, text, and background colors.
   • Cluster with K-means; extract 5-10 dominant colors. Ignore near-white and near-black unless significant.