Chrome Extension: Identify colors and fonts on any website
Identify colors and fonts on any website in a single click. Rather than installing one extension for colors, another for fonts, and then hovering your mouse over every element on the page, you get to see all the colors/fonts used on any website in an instant.
I built DesignDupe as an experiment to test the limits of ClaudeAI. I started with a simple prompt: “create a chrome extension that will extract all the colors and fonts from a website.” I downloaded the code, tested it out locally, and it worked immediately! Then, I began to iterate on the product by asking Claude to add hover effects, copy hex codes to clipboard onClick, fix any error messages that came up, etc. After each response, I would simply copy over the generated code into my repo and
Congrats on this! I’ve been using this for a few days now, super useful in finding.fonts
very good extension for daily use
Congrats on launching DesignDupe, @musab_abdullah! This is such a game-changer for designers and developers alike. 🖌️ Getting instant visibility into all colors and fonts on a website without juggling multiple extensions is a huge time-saver. Your use of ClaudeAI for rapid prototyping is impressive—it's exciting to see how you iterated and improved your product! Can't wait to give it a spin and leave a review. Keep up the amazing work! PH community is lucky to have such a resource!
I use colorpicker extension but this extension adds an extra feature of which fonts are being used in the website, Liked this one 👍
Check the similar products section on this page, or browse the category pages linked in the tags above. Each category page shows all products for a given year, sorted by engagement.
A measure of community engagement at launch. Higher means more people noticed and interacted with the product. It's a traction signal, not a quality rating.
Discussion threads divided by interest score. Above 0.30 is strong. Below 0.15 suggests the product got clicks but not conversation.
Categories come from the product's launch tags. Most products appear in 2-3 categories. The primary category is listed first.