CSS RECIPE
Effortless font, color & image inspection — no DevTools
4 followers
Effortless font, color & image inspection — no DevTools
4 followers
CSS RECIPE is a free, lightweight Chrome extension that lets you inspect fonts, colors, and images used on any webpage—without DevTools. Perfect for designers and developers who want fast, clean, and effortless design analysis in one click.
Here I am
✨ The Fastest Way to Analyze Fonts, Colors, and Images
CSS RECIPE is a lightweight Chrome extension that helps you quickly inspect essential design elements of any website.
No need to open developer tools — just click the icon to extract fonts, typography styles, color palettes, and images from the page.
⸻
🔍 Key Features
✅ Font & Typography Inspector
View font family, size, weight, and line height used in body and heading tags.
✅ Color Palette Extraction
Instantly get a list of all major colors used on the page, ready to copy.
✅ Image Download Tool
See all images (assets) used on the site and download them with one click.
⸻
💡 Why CSS RECIPE?
• Lightweight and fast
No unnecessary clutter — just the data you need.
• Completely free
No login required. Use all features with no cost.
• Easy to use
Simple, intuitive UI that works out of the box.
⸻
👩💻 Ideal for:
• Web designers collecting quick visual references
• Frontend developers inspecting design decisions
• Marketers and PMs analyzing competitors without coding skills
⸻
🛠 How to use
1. Install CSS RECIPE from the Chrome Web Store
2. Open any website
3. Click the extension icon to analyze fonts, colors, and images
4. Copy or download what you need instantly