Serifio Font Colour Inspe

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