Fontpair
Extension Actions
- Extension status: Featured
- Extension status: In-App Purchases
- Live on Store
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
Latest reviews
- Christian Strasser
- Amazing helpful extension to see the fonts, colors and even to take a screenshot. Only on the last thing, I have an issue: Why does the screenshot take the images sometimes with the scrollbar and sometimes without? I can't find any logic! Yesterday I took 10 screenshots with the extension, all of them without scroolbar. Today I took 1 screenshot (of the same website obviously) and the scrollbar is visible. I don't get it.
- Christian Strasser
- Amazing helpful extension to see the fonts, colors and even to take a screenshot. Only on the last thing, I have an issue: Why does the screenshot take the images sometimes with the scrollbar and sometimes without? I can't find any logic! Yesterday I took 10 screenshots with the extension, all of them without scroolbar. Today I took 1 screenshot (of the same website obviously) and the scrollbar is visible. I don't get it.
- Ernie Jo
- This is so cool. As a video editor, graphic designer, and web designer there are many times I'm looking at sites or resources and I see a font that I'd love to use for a project. The fact that I can easily click the Fontpair button on my Extensions toolbar and see all the different fonts on a webpage is so helpful. Also seeing the hexcodes for all the colors used is really great when I need to match something for a brand, or I'm just inspired by the colors I see. This Fontpair extension is something I'm going to be using often.
- Ernie Jo
- This is so cool. As a video editor, graphic designer, and web designer there are many times I'm looking at sites or resources and I see a font that I'd love to use for a project. The fact that I can easily click the Fontpair button on my Extensions toolbar and see all the different fonts on a webpage is so helpful. Also seeing the hexcodes for all the colors used is really great when I need to match something for a brand, or I'm just inspired by the colors I see. This Fontpair extension is something I'm going to be using often.
- Syd Mills
- This extension helps us review colors and fonts for websites when we are designing in Canva... super helpful to save inspiration and quickly find out what designers are using these days
- Syd Mills
- This extension helps us review colors and fonts for websites when we are designing in Canva... super helpful to save inspiration and quickly find out what designers are using these days
- Hayden Mills
- Big fan of this plugin! But I'm a little biased :)
- Hayden Mills
- Big fan of this plugin! But I'm a little biased :)