This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Code Specimen
Free CSS inspector, font finder and color picker for Chrome
Code Specimen is a free CSS inspector, font finder and color picker for Chrome and Firefox. Click its icon on any website, point at a heading, button or card, and its fonts, colors, spacing and CSS open in the side panel beside the page, each with a copy button. It lists every typeface and color on the page, exports the palette as CSS variables, a Tailwind config or JSON, checks text contrast against WCAG AA, and downloads the page's images. No account, analytics or ads.
Hi Product Hunt! I'm Fredrick, the maker of Code Specimen.
I work on websites every day as an SEO specialist, and I wanted one free CSS inspector that shows a page's fonts, colors, spacing and CSS in one place, without an account or tracking. So I built Code Specimen.
Here's how it works: click its icon on any website, point at a heading, button or card, and its fonts, colors, spacing and CSS open in Chrome's side panel beside the page, each with a copy button. It also:
• lists every typeface and color on the page
• exports the palette as CSS variables, a Tailwind config or JSON
• checks text contrast against WCAG AA
• downloads the page's images
It reads a page only after you click its icon, never asks for access to all your websites, and has no account, analytics or ads. It's free on Chrome and Firefox, works in Edge, Brave, Opera and Vivaldi through the Chrome Web Store, and comes in 20 languages.
I'd love to hear which part you'd use most, and what you'd want it to inspect next.
About Code Specimen on Product Hunt
“Free CSS inspector, font finder and color picker for Chrome”
Code Specimen was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #158 on the daily leaderboard. Code Specimen is a free CSS inspector, font finder and color picker for Chrome and Firefox. Click its icon on any website, point at a heading, button or card, and its fonts, colors, spacing and CSS open in the side panel beside the page, each with a copy button. It lists every typeface and color on the page, exports the palette as CSS variables, a Tailwind config or JSON, checks text contrast against WCAG AA, and downloads the page's images. No account, analytics or ads.
On the analytics side, Code Specimen competes within Chrome Extensions, Design Tools and Developer Tools — topics that collectively have 837.9k followers on Product Hunt. The dashboard above tracks how Code Specimen performed against the three products that launched closest to it on the same day.
Who hunted Code Specimen?
Code Specimen was hunted by Fredrick Eghosa. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Code Specimen including community comment highlights and product details, visit the product overview.
Fredrick Eghosa