À propos de cet outil
Ce convertisseur effectue l'opération inverse de px en rem. Saisissez une valeur en rem et la taille racine réelle pour calculer les pixels correspondants directement dans le navigateur et comprendre les dimensions relatives de vos styles.
Mode d'emploi
- Saisissez la valeur en rem à convertir.
- Indiquez une taille de police racine strictement positive, fixée à 16px par défaut.
- Consultez le résultat en px et le détail du calcul.
- Copiez le résultat ou chargez un exemple pour vérifier une conversion courante.
Exemples
- 1.5rem × 16px = 24px.
- 2rem × 16px = 32px.
- 1.25rem × 20px = 25px.
Principe du calcul
px = rem × rootFontSize. Les deux convertisseurs partagent la même fonction et retirent les décimales parasites dues aux calculs en virgule flottante lors de l'affichage. La taille racine par défaut est souvent 16px, mais le CSS peut la modifier.
Utilisations courantes
- Comparer les dimensions en rem avec les pixels d'une maquette.
- Comprendre l'effet d'un changement de police racine dans un thème.
- Vérifier rapidement les tailles de police, les marges et les conteneurs.
Confidentialité
La saisie, les calculs, la génération CSS et les aperçus sont entièrement traités dans votre navigateur. Aucun contenu n'est envoyé à un serveur. Aucun backend, base de données, API en ligne ou CDN tiers n'est utilisé, et vos données ne sont pas enregistrées automatiquement.
FAQ
Pourquoi 1rem ne vaut-il pas toujours 16px ?
rem utilise la taille de police réelle de l'élément racine, que le CSS ou les préférences de l'utilisateur peuvent modifier.
Puis-je choisir une taille racine de 18 ou 20px ?
Oui. Toute valeur valide strictement positive acceptée par l'outil convient ; 16 n'est pas obligatoire.
Le zoom du navigateur modifie-t-il la formule ?
La formule convertit les rem en pixels CSS. Le nombre de pixels physiques à l'écran dépend aussi du zoom et du rapport de pixels de l'appareil.
Pourquoi certains résultats n'ont-ils pas de décimales ?
Lorsque le résultat est proche d'un entier, l'outil retire les zéros finaux inutiles pour produire une valeur CSS plus lisible.