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. 3. Build the primary palette (5-10 colors): most dominant color, 2-3 supporting colors, 1-2 accents, a background, and a text color. Generate an extended palette with tints, shades, tones, and 50-950 numeric scales. See `references/color-theory.md`. 4. Run color harmony analysis to produce complementary, analogous, triadic, split-complementary, tetradic, and monochromatic schemes. See `references/color-theory.md`. 5. Check accessibility: compute WCAG 2.1 contrast ratios for each text/background pairing and test against protanopia, deuteranopia, and tritanopia. Recommend acc...