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.
5 free runs as a guest — no account, no sign-in.
Point Hexly at any page and it pulls out what the page is made of — structured, ranked, and ready to copy.
Every color on the page, ranked by how often it appears, with near-identical shades merged. 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.
Hexly reads an element's :hover, :focus, :active, :disabled, and :checked styles directly — no hovering, no forcing element state in DevTools. Switch states and watch the CSS change.
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.
#533AFD #7389FF #FF6118 #0B1120 #F8FAFC
--brand: #533AFD; --brand-2: #7389FF; --accent: #FF6118; --ink: #0B1120; --paper: #F8FAFC;
colors: { brand: '#533AFD', accent: '#FF6118', ink: '#0B1120', }
Every color, font, and CSS block you copy is kept in History, so you can paste it again without re-scanning the page. Free keeps your last 3 actions; Pro keeps 50.
Hexly never locks a feature behind a paywall. Guests and free accounts get 100% of the product. Paid plans only raise how many times you can run it — never what it can do.
A run is one click of the Hexly toolbar icon on a page. Within that run you can copy as many colors, fonts, and CSS blocks as you like — the count only goes up when you open Hexly on a new page.
No. You get 5 runs as a guest with no sign-in at all. Signing in with Google switches you to the Free plan — 5 runs per day and a saved history of your last 3 actions.
Any Chromium-based browser — Chrome, Arc, Edge, Brave, and Opera. Firefox and Safari are not supported.
No. Hexly uses getComputedStyle to read the browser's computed styles — the same values DevTools shows you. It never reads raw source files, network requests, or anything outside the visible DOM.
Some pages use a strict Content Security Policy that blocks script injection, which stops Hexly from reading their styles. It also can't run on Chrome's own pages like chrome:// or the Chrome Web Store. Refreshing the page first often helps.
5 free runs as a guest · every feature included · nothing leaves your browser
Hexly