[!info] TL;DR : CSS Peeper inspecte styles d'un site (couleurs, fonts, assets) sans plonger dans le code.
CSS Peeper : inspecteur de styles web pour designers
Extension Chrome (500K+ users) qui révèle d'un clic les couleurs, typo, espacements et assets d'une page, sans devoir ouvrir DevTools.
Ce que ça permet
- Identifier palette couleurs d'un site
- Récupérer typographies (font, weight, line-height)
- Télécharger assets (images, icônes, SVG)
- Inspecter spacing et padding éléments
- Vérifier accessibilité (contraste)
- Bâtir un moodboard cross-sites en 5 min
Pour qui
- Designers en benchmark concurrence
- Devs en exploration de stack visuelle
- Brand teams qui décodent un site rival
- Marketers en audit de landing
Mini-playbook
- Installer l'extension
- Ouvrir un site à analyser
- Cliquer sur un élément pour voir font et couleur
- Exporter palette ou screenshot pour brief
Pièges
- Extension "design-friendly", pas de précision pixel-perfect
- Plan Pro payant pour features avancées
- Pas de version Firefox équivalente
- Alternatives : WhatFont, ColorZilla, DevTools natifs, Project Wallace
- Ne révèle pas le CSS source brut
Tags
- Catégorie : 🏢 Productivité & Outils
- Tags : Browser, Design, Utilitaire, Benchmark