Want unlimited? See Pricing
5-second color palette extractor
Extract Tailwind & CSS Color Palettes from any image — instantly.
Stop guessing HEX codes. Upload any image and generate production-ready assets: Tailwind config, CSS variables, JSON, and modern OKLCH/OKLAB. Start for free.
Ad-free Pro
CSS/Tailwind export
Batch (soon)
How it works
Turn any image into a clean, developer-ready color palette with exact HEX / RGB / HSL codes and one-click exports. No signup.
1
Upload an image
- Drag & drop, click to choose, or Copy & Paste (Ctrl/Cmd V)
- PNG, JPG, WebP, AVIF, or SVG
- Max size: 5 MB
- One image at a time
2
Extract dominant colors
- Detects up to 24 dominant colors
- Accurate HEX / RGB / HSL codes
3
Copy & export in one click
- One-click copy for every swatch
- Exports: CSS variables, Tailwind config, JSON
- HexPickr exports extracted image colors as ready-to-use CSS variables, Tailwind color configs, and JSON for direct use in modern frontend projects.Includes OKLCH/OKLAB for modern color workflows
Your turn — upload an image to see its color palette.
Checking quota...
Start from here
Upload one image using any method below
Supported: PNG, JPG, WebP, AVIF, SVG, ICO · Max 5 MB
SAMPLE @HexPickr
Palette Size
Choose how many dominant colors to extract
6
Generated by HexPickr — hexpickr.com
Palette history
Palette history
Checking plan...
No saved palettes yet.
Output
HexPickr exports extracted image colors as ready-to-use CSS variables, Tailwind color configs, and JSON for direct use in modern frontend projects. Includes OKLCH/OKLAB for modern color workflows
CSS variables
:root{
/* OKLCH */
}Tailwind config snippet
theme: { extend: { colors: { } } }JSON variables
{"colors": {
}
}Generated by HexPickr — hexpickr.com
Go Pro (ad-free + save + unlimited)HexPickr
Up to 24 dominant colors
Exact HEX / RGB / HSL
Print-ready A4 PDF
Color palette
Developer snippets
CSS variables
:root{
}Tailwind config
theme: { extend: { colors: { } } }
Support Hexy & HexPickr
If this saves you time, you can buy me a coffee (thanks!)
PRICING
Simple pricing for developers who need clean, reusable color palettes. Pick the plan that matches your color workflow.
Limited-time$5/month · cancel anytime
Free
$0
5 / dayNo adsExportsHistoryPriority updates
- 5 extractions / day
- No ads
- CSS / Tailwind / JSON exports
- Palette history disabled
- Priority updates disabled
RECOMMENDED
Pro Monthly
$8$5/ month
Cancel anytime
UnlimitedNo adsHistoryExports
- Unlimited extractions
- No ads (ever)
- CSS / Tailwind / JSON exports
- Palette history & save
- Priority tweaks & updates
BEST VALUE
Pro Yearly
$60$50/ year
~$4.17 / month · save 17%
UnlimitedNo adsHistoryExports
- Unlimited extractions
- No ads (ever)
- CSS / Tailwind / JSON exports
- Palette history & save
- Priority tweaks & updates
| Feature | Free | Pro Monthly | Pro Yearly |
|---|---|---|---|
| Extractions | 5 / day | Unlimited | Unlimited |
| Ads | No ads | No ads (ever) | No ads (ever) |
| Exports | CSS, Tailwind, JSON | CSS, Tailwind, JSON | CSS, Tailwind, JSON |
| History | — | Save palettes | Save palettes |
| Priority updates | — | Included | Included |
Cancel anytime · Secure checkout