| What it does | Free browser-based tool to extract HEX, RGB, and HSL color codes from any image pixel
| Extract a design system from any website for AI
|
|---|
| Stage | Not given
| Not given
|
|---|
| Founded | Not given
| Not given
|
|---|
| Based in | Not given
| US
|
|---|
| Pricing model | Free
| Freemium
|
|---|
| Pricing | Not given
| Free: 2 design packs a day without account, 5 per day with free account. Pro: $9 per month (or $90 per year) for 50 packs per month, any page of a site, private packs, MCP server and REST API.
|
|---|
| Key features | - Click or tap any pixel to read its exact color code
- Get HEX, RGB, HSL, CMYK, and OKLCH values with one-click copy
- Extract dominant colors from an image as a palette
- No server upload – image processing happens entirely in your browser
- Match colors to traditional Chinese and Japanese color names
- Save color history in your browser on this device
- Works on mobile with touch and on-screen keyboard
- Export palettes as CSS variables, Tailwind, or JSON
- Support for JPG, PNG, and WebP image formats with drag-and-drop upload
- Use arrow keys to nudge the cursor and fine-tune pixel selection
| - DESIGN.md in Google's format describing colors, type, spacing, radii, shadows and components
- BEHAVIOR.md covering hover, focus, tooltips, menus, motion, scrolling, tables, forms and dark mode
- Screenshots at four widths: 1440, 1024, 768 and 390 pixels
- W3C design tokens (DTCG) format for Style Dictionary and Figma plugins
- CSS custom properties with all design values
- Tailwind v4 theme block
- SKILL.md for Claude Code and Cursor
- MCP server integration for AI agents to fetch packs automatically
- REST API with keys for automated access
- Private packs accessible only to the user
|
|---|
| What makes it different | - Entirely browser-based with no sign-up required
- Links picked colors to centuries-old traditional Chinese and Japanese palettes
- Displays multiple color formats (HEX, RGB, HSL, CMYK, OKLCH) for every pixel
- Image never leaves your browser – all processing is client-side
- Supports palette export in multiple formats for developers and designers
| - Measured from live pages, not guessed from screenshots
- Captures behavioral details like interactions and state changes, not just visual design
- Free tier requires no account or card to try
- AI agents can use Stylepack directly with Pro via MCP server
|
|---|
| Community votes | 0 | 0 |
|---|
| DR (Domain Rating by Ahrefs) | 2 ● no change since last check | Not checked yet ● no change since last check |
|---|
| Trust Flow (Majestic) | 1 | 0 |
|---|
| Citation Flow (Majestic) | 19 | 0 |
|---|
| Referring domains (Majestic) | 8 | 0 |
|---|
Image Color Picker
Stylepack