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 (6.3.1): Stability tweaks & minor bug fixes RELEASE NOTES (6.2.4): Added font verification >> Thanks for your feedback Stephen Harvey! RELEASE NOTES (6.0.0): Stability tweaks & minor bug fixes RELEASE NOTES (5.8.8): Stability tweaks & minor bug fixes >> Happy (text inspecting) new year! RELEASE NOTES (5.8.6): Stability tweaks & minor bug fixes >> Merry Christmas, enjoy this present! RELEASE NOTES (5.8.1): Added bi-directional collapse RELEASE NOTES (5.3.1): Added support for P3 colour space RELEASE NOTES (5.1.6): Added support for Google Workspace RELEASE NOTES (5.1.4): Added support for shadowDOM