Analyse de design web,
quel outil utiliser ?
PixelKit propose 8 outils : inspection CSS, extraction de couleurs, typographie, mesure d'espacement (px) et vérification de contraste WCAG 2.1 (AA 4.5:1 / AAA 7:1).
4 outils gratuits + 9 outils Pro pour compléter votre workflow de design web.
Peut-on essayer PixelKit sans l'installer ?
Oui — découvrez les fonctionnalités clés de PixelKit ici même, sans installer l'extension.
Quelles fonctionnalités offre PixelKit ?
4 gratuites + 5 exclusives Pro, 8 outils principaux au total
Inspecteur Hoverify
GratuitSurvolez un élément pour afficher en temps réel le Box Model, 6 propriétés Typography (font-family, size, weight, line-height, letter-spacing, color), Layout, Background et accessibilité.
Extraction de palette de couleurs
ProCollecte automatiquement toutes les couleurs d'une page web et les classe par catégorie via un algorithme de clustering.
Inspecteur de polices
ProVérifiez instantanément 6 propriétés des éléments textuels : font-family, size, weight, line-height, letter-spacing et color.
Vérification du contraste WCAG
ProCalcule en temps réel le rapport de contraste selon la formule WCAG 2.1. Détermine les niveaux AA (4.5:1) et AAA (7:1).
Mesure des espacements
ProAffiche les distances horizontales, verticales et diagonales entre deux éléments en pixels (px) avec des lignes pointillées rouges style Figma.
Copie CSS
ProCopiez le CSS calculé d'un élément dans le presse-papiers en un seul clic. Sélection de plage disponible.
Grille en superposition
GratuitSuperposez une grille CSS Grid de 12 colonnes pour vérifier visuellement l'alignement de la mise en page.
Style Strip
ProSupprimez progressivement le CSS en 4 étapes pour analyser la structure HTML.
Combien coûte PixelKit ?
Commencez gratuitement ($0), Pro à $1/mois ou $20 à vie. Les 4 outils de base sont gratuits à vie.
Free
- ✓Inspecteur Hoverify
- ✓Color Picker (historique de 5)
- ✓Grid en superposition
- ✓Screenshot (visible uniquement)
Pro Monthly
- ✓Toutes les fonctionnalités Free incluses
- ✓Palette Extractor
- ✓Font Inspector
- ✓Spacing Measure
- ✓WCAG Contrast Checker
- ✓CSS Copy / Style Strip
- ✓Visual Editor / Layout Editor
- ✓Quick Theme / Presets
- ✓Tous les outils API
Pro Lifetime
- ✓Toutes les fonctionnalités Pro incluses
- ✓Mises à jour à vie
- ✓Support prioritaire
Questions fréquentes
Qu'est-ce que PixelKit ?+
PixelKit est une extension Chrome pour analyser et éditer le design visuel des pages web. Elle propose 8 outils incluant l'inspection CSS, l'extraction de couleurs, l'analyse typographique, la mesure d'espacement et la vérification de contraste WCAG.
Comment installer PixelKit ?+
Recherchez « PixelKit » sur le Chrome Web Store ou cliquez sur le bouton d'installation de la page d'accueil. Prêt à utiliser immédiatement après l'installation.
PixelKit est-il gratuit ?+
Oui, 4 outils de base (Inspecteur Hoverify, Color Picker, Grid Overlay, Screenshot) sont gratuits à vie. Le plan Pro coûte $1/mois ou $20 à vie.
Quelles fonctionnalités supplémentaires offre le plan Pro ?+
Le plan Pro ajoute 9 outils : Palette Extractor, Font Inspector, Spacing Measure, WCAG Contrast Checker, CSS Copy, Style Strip, Visual/Layout Editor, Quick Theme et Presets.
Comment fonctionne la vérification de contraste WCAG ?+
Elle calcule en temps réel le rapport de contraste entre le texte et l'arrière-plan selon la formule WCAG 2.1. Elle détermine automatiquement le niveau AA (4.5:1 ou plus) et AAA (7:1 ou plus).
PixelKit fonctionne-t-il sur d'autres navigateurs que Chrome ?+
Oui, PixelKit peut être installé et utilisé sur les navigateurs basés sur Chromium tels que Edge, Brave et Arc via le Chrome Web Store.
Comment installer PixelKit ?
Recherchez « PixelKit » sur le Chrome Web Store ou cliquez sur le bouton ci-dessous pour accéder directement à la page d'installation.
Commencez gratuitement et passez à Pro quand vous en avez besoin.