kaofbfeoidjckolmddiafkmaiggonmop
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
Designer Daily Report
This extension opens a daily Designer Report on a background tab (non-distracting) roughly around 00:00AM PST time as the report is ready. ✦ Curated Inspirational Websites ✦ Daily Products for Designers ✦ Portfolio of the Day ✦ Font of the Day ✦ Color Palette of the Day ✦ Branding of the Day ✦ Articles from popular Design Blogs ✦ News from Reddit ✦ Curated Inspiration from Dribbble and Behance ✦ Inspirational posts from Instagram ✦ Job listings for Designers and more Coming Soon! Be one of the first adopters of Designer Daily Report.
Site Palette
Site Palette now has an official Figma plugin. Import your saved palettes directly into Figma as local variables, no copy-paste of hex codes: https://www.figma.com/community/plugin/1631159048065020915/site-palette Now available for Microsoft Edge, Brave, and Opera via Chrome Web Store. Site Palette is a color palette extractor for designers and front-end developers. Install the extension, visit any website, click the icon in your toolbar, and instantly get an accurate palette of the colors that page actually uses. Save it to your account, share it via a unique link, or export to Figma, Sketch, Adobe Swatch, or SVG. Unlike eyedropper tools that pick one color at a time, Site Palette analyses the full page and returns a coherent palette using multiple algorithms: Color Cube, Median Cut, Material Design mode, and live viewport extraction ranked by on-screen area. Every palette you generate is saved to your personal history and synced across devices. - Multiple extraction algorithms: Color Cube, Median Cut, Material Design, live viewport - Figma plugin with palettes synced as local variables, ready for tokens and themes - Sketch template, Adobe Swatch (.ase), and SVG export - Google Art Palette and Coolors.co integration for fine-tuning - MagicLink sign-in, no passwords - Personal Palette History with unique shareable links - Manage subscription from My Profile - Competitor color audits: compare 10 sites side by side in minutes - Brand discovery: capture a client's existing palette before a rebrand - Design system seeding: bootstrap new files with real-world references - Mood boards: pull colors from any visual reference
Font Picker
** IMPORTANT: ONCE YOU INSTALL THE EXTENSION, YOU NEED TO RELOAD YOUR TABS FOR EVERYTHING TO WORK** Font Picker is a clean and simple tool for identifying fonts and their details on any website. Once you install the extension, you will have the ability to right click on any text and view its font details. Clicking the "Font Details" option will open up a pop up with all the information you need about that font. This method is much faster and nicer than having to go and personally inspect the source code.
WhatFont
The easiest way to identify fonts on web pages. Say goodbye to the complexity of developer tools for identifying fonts. With WhatFont, discovering the fonts used on websites becomes as effortless as hovering over text. Want more details? A simple click on any element reveals the styles applied, making it easier than ever to uncover the secrets behind beautiful typography. Recommended by Wired WebMonkey, Lifehacker, and SwissMiss. History: • 3.2.0 - Improved toolbar icon compatibility • 3.1.1 - Removed unnecessary developer logging • 3.1.0 - Added multiple color format support • 3.0.1 - Restored escape key to exit • 3.0.0 - Completely Rewritten: The entire extension has been rebuilt for better performance and usability. - Updated Permission Model: We've revised permissions to better respect user privacy while maintaining functionalities. - Refreshed Appearance: The look has been updated for a more modern feel. - Isolation from Host Website Styling: Ensures WhatFont's appearance is unaffected by the website it's used on. - Adaptive Toolbar Icon: The toolbar icon now changes based on the system's appearance settings. - Support for New CSS Color Values: Enhanced support for the latest CSS color values. • 2.1.0 - A new design thanks to Siddharth Mate • 2.0.3 - Retina toolbar icon • 2.0.2 - Fix option page for button styles • 2.0.1 - Use native screen capturer • 2.0 - Improved sharing • 1.7 - Added font services detection for FontDeck (Thanks to Mark Perkins) - Improved font detecting algorithm - Improved overall performance • 1.6.1 - Added color detection for text • 1.6 - Added a tweet button for instant sharing through Twitter - Improved style reseting • 1.5 - Overall restyling • 1.4.4 - Supported light icon for dark themes • 1.4.3 - Fixed a bug related to Typekit service detection • 1.4.2 - Reduced loading time - Supported HTTPS protocol • 1.4.1 - Fixed stylesheet bug • 1.4 - Restructured source code - Supported font services detection for Typekit and Google Font API - Fixed toolbar button bug. Second click is now "Exit WhatFont"
