Serifio: Font & Colour Inspector

Identify fonts, copy colour codes and check WCAG contrast ratios. The essential tool for designers and developers.

Peek under the hood of any website with Serifio, a free Chrome extension that makes font inspection, colour extraction and typography analysis fast, simple and accurate. —————————————————————————— KEY FEATURES • Font detection: Identify font family, size, height, spacing, weight; works with Shadow DOM & modern components • Font verification: Small indicator dot shows if the font is loading correctly (green) or a fallback is in use (yellow) • Colour extraction: Grab HEX, RGB, HSL or named CSS colours with one-click copy (incl. background) • WCAG Contrast checker: Automatic AA/AAA contrast ratio calculation with clear pass/fail feedback for accessibility • Designer-friendly: Keyboard navigable, remembers panel position as well as respects reduced motion preferences • Lightweight & fast: Minimal impact on page load; lazy-loaded for optimal performance PRIVACY FIRST Serifio runs entirely in your browser. No data is collected, no tracking pixels and no external servers. Your design research stays private. Perfect for web designers, front-end developers, UI/UX professionals, design system maintainers and educators/content creators. —————————————————————————— RELEASE NOTES v6.4.2: Stability tweaks & minor bug fixes v6.4.1: Improved reliability & performance >> Thanks for your feedback Matthew McClelland v6.3.2: Stability tweaks & minor bug fixes v6.2.4: Added font verification >> Thanks for your feedback Stephen Harvey v5.8.8: Stability tweaks & minor bug fixes >> Happy (text inspecting) new year! v5.8.1: Added bi-directional collapse v5.3.1: Added support for P3 colour space v5.1.6: Added support for Google Workspace v5.1.4: Added support for shadowDOM v5.0.0: Proof of concept