Serifio: Font & Color Inspector

Identify fonts, pick colours and check WCAG contrast in one panel, right on the page.

Select any text to inspect its font, size, weight, colours and WCAG contrast. Pick any pixel on the page with a magnifying loupe. Works on Windows, macOS, Linux and ChromeOS with Chrome 109 or later. 100% free, with no account, no ads and no upgrade prompts. Nothing leaves your browser. Built for web designers, front-end developers, design-system maintainers and anyone who has ever wondered "what font is that?" or thought "I wish I could copy that colour". —————————————————————————— WHAT'S NEW (6.9.3) • Colour picker: a magnifying loupe for any pixel on the page • Start it from the panel or right-click on a page and choose "Pick a colour with Serifio" • Tap to pick on touchscreen Chromebooks, with exact picks on scaled displays • See where a colour came from: the panel names the element and the CSS value • Every pick in HEX, RGB, HSL and OKLCH, with the nearest CSS colour name —————————————————————————— BUILT DIFFERENT • It's all free: fonts, colours, contrast and the loupe • It's there when you need it: select text and the panel appears, click away or press Esc and it's gone • It doesn't get in the way: no popup to open and nothing taking over your screen • It copies in one click: any value, in any format. Every pick copies its HEX straight away • It keeps working: more than 400 automated tests run in a real Chrome before every release • It stays private: no analytics or tracking. What you select never leaves your browser • It's accurate: contrast counts every layer behind the text and a dot shows when a font has fallen back • It shows its sources: every colour names the element and the CSS value it came from —————————————————————————— FEATURES Fonts • Select any text to see its font family, size, line height, letter spacing and weight • A dot shows whether the intended font loaded (green) or a fallback is in use (amber) • Works inside Shadow DOM and component frameworks Colours • Text and background colours of any selection, copied in one click as HEX • Understands rgb(), hsl(), oklch(), lab() and named colours • Loupe controls: arrow keys move one pixel (Shift moves ten), Enter picks, Esc cancels • Each pick shows its contrast against the text colour Contrast • WCAG AA and AAA ratings with a clear pass or fail • Accounts for transparency, layered backgrounds and text size Everything else • Minimal impact on page load • Element tag, word count and character count • Drag the panel anywhere and it opens in the same place next time • Fully keyboard navigable —————————————————————————— ABOUT CHROME Chrome warns that Serifio can "read and change all your data on all websites". It shows that for any extension that works on every site. Serifio needs it so the panel can appear the moment you select text. It only reads what you select or pick and nothing is saved or sent. Rather limit it? Set Site access to "On click" in Serifio's extension details. Right-click picking still works. PRIVACY POLICY Serifio runs entirely in your browser. It has no analytics or tracking code and never sends selected text, sampled colours or page snapshots to a server. Snapshots are held in memory only for the length of a pick. Your on/off setting, panel preference and per-site panel positions are saved with Chrome Sync when it's on, otherwise only on your device. Read more: serifio.com/privacy FEEDBACK Found a page where Serifio gets it wrong? Please tell us: serifio.com/feedback