A ColorZilla alternative for a whole site’s palette
ColorZilla is the eyedropper most designers install first, and for good reason: point at any pixel and the color is on your clipboard. When you need every color a site uses, what each one is for, and something you can paste into code, picking pixels one by one gets slow. That is the job Stylasso does.
Side by side
ColorZilla details are from its Chrome Web Store listing and colorzilla.com/chrome as of 10 November 2026 (version 4.1, about 4,000,000 users, rated 4.7).
| ColorZilla | Stylasso | |
|---|---|---|
| Pick the color of one pixel | Yes, with sample sizes up to 25×25 and hover states | No eyedropper |
| All colors on a page | Webpage Color Analyzer lists a page’s palette | Yes, merged and ranked by how much of the screen each covers |
| What each color is for | Not listed | Roles: primary, accent, background, surface, text, muted, border |
| Contrast | Not listed | Ratio against the page background for every color |
| Fonts, type scale, spacing, radii, shadows | Not listed (colors only) | Yes |
| CSS gradient editor | Yes | No |
| Export | Copy picked colors; CSS for gradients. No palette export listed | CSS variables, Tailwind v4, DESIGN.md, JSON, moodboard PNG free; shadcn/ui theme and Figma tokens in Pro |
| Price | No price or paid plan shown on the listing | Free; Pro is $9.99 once |
“Not listed” means we could not find it on those two pages, not that we tested every corner of ColorZilla.
What a whole-page read looks like
Stylasso ran on Afterhours, a fictional dark-mode developer tool we built for demos. One click gave these roles:
- primary
#8b5cf6buttons and links, 4.64:1 on the background - accent
#34d399second action color, 10.22:1 on the background - background
#0c0a14page background - surface
#17141fcards and panels, 1.08:1 on the background - text
#ece9f5body text, 16.41:1 on the background - muted
#9a94adsecondary text, 6.75:1 on the background - border
#2a2536dividers and outlines, 1.32:1 on the background
It also found the fonts (Space Grotesk for headings and body, JetBrains Mono for small code text), four type sizes with line height and weight, the spacing steps, two radii and two shadows, one of them a violet glow.
What you paste
The start of the free CSS variables export for that page, unedited:
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap");
/* Keep the @import line above every other rule, including @import "tailwindcss". */
/* Afterhours style kit, extracted 2026-11-07 from https://afterhours.test/ with Stylasso (stylasso.pixlasso.com) */
:root {
--color-primary: #8b5cf6;
--color-accent: #34d399;
--color-background: #0c0a14;
--color-surface: #17141f;
--color-text: #ece9f5;
--color-muted: #9a94ad;
--color-border: #2a2536;
--color-white: #ffffff;
--font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
/* ...type scale, spacing, radii and shadows (28 more lines) */
}
Pick Tailwind instead and the same kit comes out as a v4 @theme block; see Turn any website into a Tailwind v4 theme.
When to use which
Keep ColorZilla (or the eyedropper in DevTools) for grabbing a single color while you work, sampling an image, or building a gradient. Reach for Stylasso when you want the system behind a site: the palette with roles, the type and spacing, ready for a stylesheet, a Tailwind project or a prompt for Cursor or Claude Code. Many people run both.
Questions
Can Stylasso pick a single color?
No. It reads the whole page at once. For one pixel, an eyedropper is the right tool.
Does it read colors from images?
No. It reads what the page’s CSS paints: backgrounds, text, borders, gradients, shadows and inline SVG fills. Photos are skipped, so a hero image does not flood the palette.
Is anything sent to a server?
No. The page is read in your browser when you click the icon, only in that tab. Nothing leaves your browser unless you publish a share link.