Serifio: Font & Colour Inspector

Tracking since Apr 2, 2026.

Changelog

• Apr 17, 2026
  description

  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
  
  v.6.5.0: Fixed form controls & dark mode
  
  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

  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
  
  v.6.5.2: Fixed semi-transparent colour detection
  
  v.6.5.0: Fixed form controls & dark mode
  
  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

• Apr 17, 2026
  permissions

  storage, scripting, clipboardWrite

  storage, scripting

Permissions & access

Permissions

storagescripting

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to Serifio: Font & Colour Inspector, ranked by description similarity.

PeekFont

Live font inspector! Hover to identify fonts & styles. Instantly copy element details & CSS. Your essential typography tool.

76

★ 5.0

Font Detective

Hover over text to see font style, size, weight, and other typography details

5

FontSpy

Hover to reveal font details & download in 1 click - the ultimate font inspector for devs & designers. Part of the DesignSpy Toolkit

7

★ 5.0

Font Finder

Easily identify and analyze fonts on any webpage. Get font family, size, weight, style, color, and more.

20

Font Finder - Font Detector

Detects font properties and styles

160

★ 5.0

FontPeek

Display the font-family when text is selected on a webpage.

3

SEO FontScope

Inspect SEO data, detect webpage fonts, and identify colors instantly with SEO FontScope. By Daniel Imad

18

★ 5.0

Identify Font - What is the font

Easily Identify Font on any webpage. Discover what is the font used with a simple click.

621

★ 5.0