Item logo image for Color Picker & Font Finder for Web Design

Color Picker & Font Finder for Web Design

ExtensionDeveloper Tools2 users
Item media 3 (screenshot) for Color Picker & Font Finder for Web Design
Item media 1 (screenshot) for Color Picker & Font Finder for Web Design
Item media 2 (screenshot) for Color Picker & Font Finder for Web Design
Item media 3 (screenshot) for Color Picker & Font Finder for Web Design
Item media 1 (screenshot) for Color Picker & Font Finder for Web Design
Item media 1 (screenshot) for Color Picker & Font Finder for Web Design
Item media 2 (screenshot) for Color Picker & Font Finder for Web Design
Item media 3 (screenshot) for Color Picker & Font Finder for Web Design

Overview

Pick colors and inspect fonts on any webpage. Analyze palettes and typography, then export as CSS, SCSS, or design tokens.

Color Picker & Font Finder for Web Design is a fast, all-in-one tool for identifying colors and fonts on any webpage — no DevTools required. PICKER • Pick any color from your screen with the native eyedropper • Scan the whole page and rank every color by how often it's used • Copy as HEX, RGB, HSL, or nearest Tailwind class FONTS • Click any text to see its exact font family, weight, size, line-height, and letter-spacing • Detect whether a font is Google Fonts, Adobe Fonts, self-hosted, or a system font • Scan the whole page and list every font style in use PALETTE & EXPORT • Save colors to a persistent palette • Check WCAG AA contrast between two colors • Export as CSS variables, SCSS, or JSON design tokens Built for designers, front-end developers, and marketers who need quick, accurate answers about a page's visual style — nothing leaves your browser.

Details

  • Version
    1.0.1
  • Updated
    July 23, 2026
  • Offered by
    topicalauthorityexpert
  • Size
    18.21KiB
  • Languages
    English
  • Developer
    Muhammad Abdullah
    Bilal town, Street no 2 Pindi Bhattia 52180 PK
    Email
    topicalauthorityexpert@gmail.com
    Phone
    +92 302 5347617
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps