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)
Mode de conversion
Conversion 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.
Comment utiliser le convertisseur PX / REM
Ce convertisseur PX/REM gratuit est concu pour les developpeurs web et integrateurs qui souhaitent passer rapidement entre pixels et unites rem. Il inclut un tableau de correspondance complet et des boutons de copie CSS.
- Definissez la taille de base : ajustez la valeur de font-size racine (par defaut 16px). Cela affecte tous les calculs de conversion.
- Choisissez le sens de conversion : PX vers REM ou REM vers PX selon votre besoin.
- Saisissez la valeur : entrez la taille en pixels ou en rem. Le resultat s'affiche instantanement.
- Copiez le CSS : cliquez sur « Copier en CSS » pour obtenir directement la propriete
font-size: 1rem;prete a coller.
Le tableau de correspondance en bas de page liste les 18 valeurs de pixels les plus courantes en CSS avec leur equivalent rem. Il s'adapte automatiquement si vous modifiez la taille de base.
Questions frequentes
Pourquoi utiliser rem plutot que px en CSS ?
L'unite rem est relative a la taille de police definie sur l'element racine (<html>). Quand un utilisateur modifie la taille de texte dans les parametres de son navigateur (souvent pour des raisons d'accessibilite), les elements dimensionnes en rem s'adaptent automatiquement, contrairement aux pixels qui restent fixes. C'est une bonne pratique recommandee par le W3C.
Quelle est la difference entre rem et em ?
Le rem (root em) est toujours relatif a la taille de police de l'element <html>. L'em est relatif a la taille de police de l'element parent. Avec des imbrications multiples, les em se multiplient (effet « cascade »), ce qui peut creer des tailles imprevues. Le rem est plus previsible car il reference toujours la meme valeur de base.
Dois-je toujours utiliser 16px comme taille de base ?
16px est la valeur par defaut de tous les navigateurs, et la plupart des frameworks CSS (Tailwind, Bootstrap) s'appuient dessus. Certains developpeurs definissent 10px (font-size: 62.5 %) pour simplifier les calculs (1rem = 10px), mais cela peut poser des problemes d'accessibilite. La pratique la plus recommandee est de garder 16px et d'utiliser cet outil pour calculer les conversions.
Outils similaires
Ces outils pourraient aussi vous interesser
Convertisseur JSON / CSV
Convertissez vos donnees entre JSON et CSV instantanement. Telechargement inclus.
Utiliser →Generateur de slug URL
Transformez n'importe quel texte en slug SEO-friendly. Accents, espaces, caracteres speciaux.
Utiliser →Encodeur Base64
Encodez du texte en Base64 et decodez du Base64 en texte. Copie en un clic.
Utiliser →Politique de confidentialite
Generez une politique de confidentialite conforme RGPD pour votre site web.
Utiliser →