Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Web Wizard

Web Wizard by Nathan Lupke

Analyze website designs - instantly reveal color palettes and typography choices with a single click. Perfect for designers and developers.

5 (2 reviews)5 (2 reviews)
2 Users2 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
About this extension
🧙‍♂️ Web Wizard – Instantly Inspect Website Colors & Fonts

Web Wizard is a powerful browser extension for web designers, frontend developers, and UI/UX professionals that reveals a website’s color palette and typography in just one click.

Effortlessly scan any webpage to identify the exact colors, fonts, and design elements being used—perfect for inspiration, analysis, and debugging.
🔍 Key Features:

🎨 Detect all colors & fonts used on any webpage
✨ Visually highlight colors directly on the site
📋 Copy color values in HEX, RGB, or HSL formats
🔁 Switch formats on the fly for quick conversion
🌗 Toggle light/dark theme to fit your workflow
🖍️ Customize highlight colors for better contrast
🏷️ See where colors and fonts appear in the DOM
📊 View usage stats: count of colors, font distribution by percentage


Whether you're reverse-engineering a design or optimizing your own, Web Wizard gives you the visual insight and precision control you need—right from your browser.
Rated 5 by 2 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
2
4
0
3
0
2
0
1
0
Read all 2 reviews
Permissions and dataLearn more

Required permissions:

  • Access your data for all web sites

Optional permissions:

  • Access your data for all web sites
More information
Add-on Links
  • Support Email
Version
1.1
Size
279.01 kB
Last updated
3 months ago (26 May 2025)
Related Categories
  • Web Development
  • Search Tools
Licence
MIT Licence
Version History
  • See all versions
Add to collection
Report this add-on
Release notes for 1.1
-Collapse elements
-Highlight fonts
More extensions by Nathan Lupke
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike Licence v3.0 or any later version.