Outils CSS et de développement front-end

Convertisseur px en rem

Convertissez les pixels en rem à partir de la taille de police réelle de l'élément racine de votre projet.

Données à saisir

Traitement dans votre navigateur

Aperçu en direct

Mise à jour automatique à chaque modification
À sélectionner ou à copier directement

Convertissez px en rem selon la taille de police racine choisie, avec une précision adaptée.

Vos données sont traitées uniquement dans votre navigateur et ne sont jamais envoyées à un serveur.

À propos de cet outil

Ce convertisseur divise une valeur en pixels par la taille de police racine pour obtenir des rem. La valeur par défaut est 16px ; remplacez-la par 10, 14, 18 ou toute autre valeur strictement positive correspondant à votre projet.

Mode d'emploi

  1. Saisissez la valeur en px à convertir.
  2. Définissez la taille de police racine réelle du projet, strictement supérieure à 0.
  3. Consultez le résultat et le détail du calcul.
  4. Copiez le résultat en rem ou effacez la saisie pour convertir une autre taille.

Exemples

  • 32px ÷ 16px = 2rem.
  • 24px ÷ 16px = 1.5rem.
  • 20px ÷ 10px = 2rem.

Principe du calcul

rem = px ÷ taille de police racine. Avec une racine de 16px, 24px correspondent à 1,5rem. La valeur par défaut est souvent 16px, mais les styles du site et les préférences de l’utilisateur peuvent la modifier ; utilisez la valeur réelle.

Utilisations courantes

  • Convertir en rem les dimensions en pixels d'une maquette.
  • Harmoniser les unités des espacements et des tailles de police.
  • Vérifier l'effet de différentes tailles de police racine.

Confidentialité

Vos données et les résultats sont traités uniquement dans votre navigateur, sans être envoyés ni enregistrés automatiquement. Copiez les résultats à conserver et enregistrez-les vous-même avant de quitter la page.

FAQ

Qu'est-ce que rem ?

rem est une unité de longueur CSS relative à la taille de police de l'élément racine du document, généralement html.

Combien de pixels vaut 1rem ?

Cela dépend de la taille racine : à 16px, 1rem vaut 16px ; à 10px, 1rem vaut 10px.

Pourquoi la taille de police racine ne peut-elle pas être 0 ?

La conversion divise par cette taille : zéro provoquerait une division par zéro, et une valeur négative ne constitue pas une taille de police valide.

Quelle est la différence entre rem et em ?

rem se réfère à la police de l'élément racine. em se réfère généralement à celle de l'élément actuel ; pour font-size, il utilise la taille calculée du parent.

Retour au répertoire des outils de développement