1. Saisissez une valeur
Tapez un nombre dans le champ de saisie.
Convertir Tailwind en pixels
Ce convertisseur convertit instantanément. Entrez une valeur et le résultat apparaît immédiatement.
Loading tool editor...
Quand faut-il convertir des unités Tailwind en pixels ?
Tailwind CSS utilise une échelle d’espacement où chaque unité = 0,25 rem = 4 px (avec racine 16px). Ainsi p-4 = 1 rem = 16 px, p-8 = 2 rem = 32 px, w-64 = 16 rem = 256 px.
Tous les calculs sont effectués localement dans votre navigateur.
Comment utiliser le convertisseur ?
2. Lisez le résultat
Le résultat apparaît instantanément.3. Copiez ou inversez
Copiez le résultat ou inversez la direction.
Quand ce convertisseur est-il utile ?
Débogage CSS
Vérifiez les tailles : p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Livraison de design
Traduisez les classes Tailwind en valeurs pixels pour les designers.Design responsive
Breakpoints : sm = 640px, md = 768px, lg = 1024px, xl = 1280px.Configuration personnalisée
Planifiez des échelles personnalisées en connaissant les valeurs standard.
Qu’est-ce qui différencie ce convertisseur ?
Confidentialité totale
Tous les calculs sont effectués localement dans votre navigateur.Résultats en temps réel
Le résultat se met à jour pendant la saisie.Conversion bidirectionnelle
Convertissez dans les deux sens en un clic.Tableau de référence
Tableau avec valeurs courantes et descriptions contextuelles.
Comment fonctionne le spacing Tailwind ?
Spacing Tailwind = valeur × 0,25 rem. Avec racine 16px : spacing × 4 = pixels.
Tailles de police : text-sm = 14px, text-base = 16px, text-lg = 18px, text-xl = 20px.
Comment fonctionne le spacing Tailwind ?
Spacing Tailwind = valeur × 0,25 rem. Avec racine 16px : spacing × 4 = pixels.
Tailles de police : text-sm = 14px, text-base = 16px, text-lg = 18px, text-xl = 20px.
Échelle de spacing Tailwind
| Tailwind | rem | px (racine 16px) |
|---|---|---|
| 1 | 0,25rem | 4px |
| 4 | 1rem | 16px |
| 8 | 2rem | 32px |
| 16 | 4rem | 64px |
| 64 | 16rem | 256px |
rem
- 1
0,25rem - 4
1rem - 8
2rem - 16
4rem - 64
16rem
px (racine 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Convertir d'autres unités en px
Découvrir d'autres convertisseurs d'unités
Questions fréquentes
Aidez-nous à améliorer nos outils
Vous avez une idée, trouvé un bug ou souhaitez suggérer une fonctionnalité ? Écrivez-nous – nous répondons sous 24 heures.