Fontpair

The Fontpair Chrome extension is the fastest way to identify fonts and colors on any website. Click the extension icon to instantly detect fonts, extract color palettes, and capture a screenshot. Save everything to your Fontpair account to build a personal design inspiration library over time.
See a site with great typography? Hover over any text to inspect it. Fontpair shows you the exact font name, weight, size, line height, and color. Detected fonts include full alphabet previews so you can see every character at a glance.
What you get:

Hover to inspect any text element on the page with font name, weight, size, line height, and color
Detect all fonts used on a website with full alphabet previews
Extract font colors and website colors as separate palettes
Check color contrast ratios with WCAG accessibility ratings
Export colors as CSS custom properties, Tailwind config, or SCSS variables
Capture a screenshot of the current page
Save fonts, colors, and screenshots to your Fontpair account
Tap any detected font to view its Fontpair page, explore pairings, and test it in Playground. Paid fonts link to Google search so you can find where to get them.
Dark mode support
One-click copy for hex codes and font names

Free to use. Create a free account to start saving.
Built by Fontpair, the #1 font pairing tool trusted by 600K+ designers and developers every year.
fontpair.co/extension