# PRD: Color Palette from Image

## Overview
Upload image → Get instant color palette with hex, CSS vars, and Tailwind config

**Price:** $0.99
**Target:** 40 uses/day = $1,200/mo

---

## Problem
- Extracting colors from images is tedious (eyedropper tool = slow)
- Designers need colors in multiple formats (hex, RGB, CSS, Tailwind)
- Creating Tailwind configs manually is annoying
- Finding cohesive color palettes takes time

---

## Solution
Upload image → Get 5-8 dominant colors with all export formats instantly:
- Hex codes
- RGB values
- CSS custom properties
- Tailwind config
- Sass variables

---

## Features
1. **Upload Image:** Drag-and-drop or browse
2. **Extract 5-8 Colors:** AI selects dominant colors
3. **Color Swatches:** Visual preview
4. **Export Formats:**
   - Hex (#FF5733)
   - RGB (rgb(255, 87, 51))
   - CSS variables (--color-primary: #FF5733;)
   - Tailwind config (colors: { primary: '#FF5733' })
   - Sass ($color-primary: #FF5733;)
5. **One-Click Copy:** Copy each format
6. **Accessibility Checker:** WCAG contrast ratios
7. **Palette Preview:** See colors together
8. **Download Palette PNG:** Save swatch image

---

## UX/Design
- Clean, visual interface
- Image preview on upload
- Color swatches displayed prominently
- Export tabs (switch between formats)
- Copy buttons everywhere

---

## Build Timeline
- Day 1: Image upload + color extraction
- Day 2: Export formats + polish

---

**Status:** Building now