Want unlimited?
5-second color palette extractor
Get precise OKLCH & Tailwind palettes in 5 seconds. Share production-ready tokens with your partners instantly.
Go Pro - Save Unlimited Palettes + Remove Ads
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
Upload one image using any method below
Supported: PNG, JPG, WebP, AVIF, SVG, ICO · Max 5 MB
Palette Size
Choose how many dominant colors to extract
6
Generated by HexPickr — hexpickr.com
Palette history
Checking plan...
No saved palettes yet.
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
Support Hexy & HexPickr
If this saves you time, you can buy me a coffee (thanks!)
PRICING
Limited-time$5/month · cancel anytime
Cancel anytime · Secure checkout