Hexly reads a page's colors, typography, and CSS, then hands them back as plain values, CSS variables, or Tailwind.
It runs in a side panel, right on the page.
Point Hexly at any page and it pulls out what the page is made of.
Structured, ranked, and ready to copy.
Extract every color on the page. Copy a single swatch or the whole palette as hex, CSS variables, or Tailwind.
Modern lab() and oklch() values are read correctly.
Every typeface in use. Size, weight, line height, tracking, with its CSS ready to copy and a badge telling you whether it's free, paid, or a system font.
Grab the images (PNG, JPG, WebP) and SVGs on a page. Copy or download them one at a time. Simple, and that's the point.
Click an element and read its real, computed styles.
Sample any pixel. Identify any word. Nothing to open, nothing to set up.
Click any element to read its computed CSS. Copy the whole block, or just the Properties, Typography, or Style section.
A screenshot-based eyedropper with a magnifier. Sample any pixel on the page — even one inside an image.
Click any text on the live page to pin a floating card showing exactly what font it is.
Colors, typography, and inspected CSS all copy as plain values, CSS variables, or Tailwind. One click. No reformatting on your end.
--color-1: #D73546; --color-2: #FFFFFF; --color-3: #BCE531; --color-4: #000000;
#0088FF, #696969, #000000, #FFFFFF
colors: {
'color-1': '#D73546',
'color-2': '#FFFFFF',
'color-3': '#BCE531',
}
Every color, font, and CSS block you copy is kept in History.
Find them again without re-scanning the page.
Every feature is free. Every plan gets all of it.
Pro lifts the daily run cap to unlimited, nothing is ever locked behind it.
One run = one launch. Open Hexly on a page and do everything you want. Copy a hundred colors, every font, all the CSS, in any format.
Copy colors, fonts, and full CSS as plain, variables, or Tailwind.
The whole tool is yours on day one.
Each run is one click that grabs it all. A hundred colors or every font, still one run. Your last 3 inspections stay one click away.
The daily cap disappears. Inspect as many pages as you want, as often as you want. No counting, no waiting for reset.
More memory. Pull back anything from your last 50 inspections instead of just the last few.
One run is a single click of the Hexly icon on a page. Inside that run, copy as many colors, fonts, and CSS blocks as you want. The count only ticks up when you open Hexly on a new page, so grabbing every color on a site is still one run.
No. You get 5 runs as a guest with zero sign-in. Sign in with Google and you move to the Free plan: 5 runs per day plus a saved history of your last 3 actions.
Placeholder — both plans include every feature. Pro removes the daily run cap and extends your history from 3 to 50 inspections.
Placeholder — Hexly reads the browser's computed styles, the same values DevTools shows. It never reads raw source files, network requests, or anything outside the visible DOM.
Placeholder — everything Hexly reads stays in your browser. Nothing you inspect or copy is sent to a server.
Placeholder — some pages block script injection with a strict Content Security Policy, and Chrome's own pages can't be inspected. Refreshing the page first often helps.
Placeholder — yes. Cancel in one click and Pro stays active until the end of the period you paid for.
Every page you visit is a reference. Hexly hands you its colors, type, and CSS — ready to paste into your own work.
Free to start · No account needed · Runs entirely in your browser