Xtractly vs ColorZilla:which one fits?
ColorZilla is a free, long-standing eyedropper with a gradient generator. Xtractly is built for the next step: turning a site's palette into tokens — CSS variables or a Tailwind config — alongside its fonts and components.
Free with an account · Chrome, Edge & Brave
| Feature | Xtractly | ColorZilla |
|---|---|---|
| Pixel eyedropper | Yes | Yes |
| Page palette analysis | Yes | Yes |
| Gradient generator | No | Yes |
| Tailwind classes per colour | Yes | Not listed |
| Export as CSS variables / Tailwind config | Yes | Not listed |
| Fonts, assets & components | Yes | No |
| Price | Free · Pro $4.99/mo · $35 lifetime | Free |
ColorZilla details come from its public website as of September 2026. “Not listed” means we couldn't find it advertised — if that's changed, tell us.
Where each one shines
What ColorZilla does well
- A mature, free eyedropper and colour picker.
- A gradient generator for building multi-stop CSS gradients.
- A webpage colour analyser.
Choose ColorZilla if you want a free eyedropper and a gradient builder, and nothing else.
Where Xtractly is different
- Ranks every colour on the page by usage and suggests primary, accent and surface roles.
- Copies Tailwind background and text classes alongside HEX, RGB and HSL.
- Exports the whole palette as CSS variables or a Tailwind config.
- Also extracts fonts, assets and whole components as code.
Choose Xtractly if you want a site's colours as design tokens for your own Tailwind or CSS setup.
Frequently asked questions
Does Xtractly have an eyedropper like ColorZilla?
Yes. It samples any pixel on screen, including colours inside images and gradients.
Does Xtractly generate gradients?
No — it reads gradient colour stops from the page but doesn't have a gradient builder. ColorZilla is better for that.
The features behind it
Extract colors from any website
Learn more about extract colors from any websiteEvery colour on the page, ranked — copy as HEX/RGB/HSL/Tailwind or export a palette.
Convert any website to Tailwind CSS
Learn more about convert any website to Tailwind CSSGenerate Tailwind v3/v4 classes from any element, with hover and breakpoint variants.
Identify the fonts on any website
Learn more about identify the fonts on any websiteIdentify any font and see the page's whole type scale, exportable as CSS or Tailwind.
Start today for free
Upgrade when you need more — monthly, yearly, or once for life.
Join Xtractly
Free covers inspecting, capturing and 5 exports a month.
No hidden fees. Or pay once for Lifetime and skip renewals.
Clear pricing, no surprises
Billed monthly. Cancel anytime.
- Everything in Free
- Unlimited exports — code, Figma & design tokens
- Save captures to your library & edit them in Studio
- Full page export & copy
- Bookmarks
- REST API access & keys
- Unlimited Agent Bridge saves
- Every feature we ship going forward
- Priority support