Want unlimited? See Pricing
5-second color palette extractor
Extract Tailwind & CSS Color Palettes From Any Image — Instantly
Upload any image and generate production-ready color formats: Tailwind config, CSS variables, JSON, HEX/RGB/HSL, and modern OKLCH/OKLAB outputs. Fast. Accurate. Zero clutter.
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, SVG, or ICO
- 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
- Includes OKLCH/OKLAB for modern color workflows
- Generate a print-ready PDF palette report
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
Includes OKLCH/OKLAB values in CSS and JSON exports 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 Hex & HexPickr
If this saves you time, you can buy me a coffee (thanks!)
PRICING
Pick the plan that matches your color workflow.
Limited-time$5/month · cancel anytime
Free
$0
5 / dayNo adsExportsHistory (soon)Priority 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 adsHistory (soon)Exports
- Unlimited extractions
- No ads (ever)
- CSS / Tailwind / JSON exports
- Palette history & save (soon)
- Priority tweaks & updates
BEST VALUE
Pro Yearly
$60$50/ year
~$4.17 / month · save 17%
UnlimitedNo adsHistory (soon)Exports
- Unlimited extractions
- No ads (ever)
- CSS / Tailwind / JSON exports
- Palette history & save (soon)
- 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 | Coming soon | Save palettes (soon) | Save palettes (soon) |
| Priority updates | — | Included | Included |
Cancel anytime · Secure checkout