Dev
Convertisseur PX / REM
Convertissez les pixels en rem et inversement. Taille de base personnalisable. Indispensable pour le responsive design.
Taille de base (html font-size)
px
Mode de conversion
px
—
remConversion rapide
Tableau de correspondance (base : 16px)
| Pixels | REM | CSS | Apercu |
|---|---|---|---|
| 8px | 0.5rem | Aa | |
| 10px | 0.625rem | Aa | |
| 12px | 0.75rem | Aa | |
| 14px | 0.875rem | Aa | |
| 16px | 1rem | Aa | |
| 18px | 1.125rem | Aa | |
| 20px | 1.25rem | Aa | |
| 24px | 1.5rem | Aa | |
| 28px | 1.75rem | Aa | |
| 32px | 2rem | Aa | |
| 36px | 2.25rem | Aa | |
| 40px | 2.5rem | Aa | |
| 48px | 3rem | Aa | |
| 56px | 3.5rem | Aa | |
| 64px | 4rem | Aa | |
| 72px | 4.5rem | Aa | |
| 80px | 5rem | Aa | |
| 96px | 6rem | Aa |
PX vs REM : guide rapide
PX (pixels) : Unite fixe, ne change pas selon les preferences utilisateur. Ideal pour les bordures et les ombres.
REM (root em) : Relative a la taille de police racine (html). S'adapte aux preferences d'accessibilite de l'utilisateur.
Formule : rem = px / base ou base est generalement 16px.
Bonne pratique : Utilisez rem pour les tailles de police, marges et paddings. Gardez px pour les bordures et les dimensions fixes.