Fontpair

Detect fonts and colors on any website.

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