Convertisseur PX en REM - Calculateur CSS et tableau de correspondance gratuit

Convertissez des PX en REM ou des REM en PX pour le développement CSS et le design d'interface (UI). Modifiez la taille de police de base, utilisez un tableau de correspondance en temps réel et consultez les tokens d'espacement Tailwind.

Convertisseur PX / REM

rem = px / root font-size

px
Bases courantes
px
rem

Tableau de correspondance

PXREMTailwind le plus proche
4px0.25remp-1
8px0.5remp-2
10px0.625rem-
12px0.75remp-3
14px0.875rem-
16px1remp-4
18px1.125rem-
20px1.25remp-5
24px1.5remp-6
32px2remp-8
40px2.5remp-10
48px3remp-12
64px4remp-16
80px5remp-20
96px6remp-24

Mode d’emploi

  1. Confirmez la taille racine de votre projet (html font-size) dans le champ Taille de base. La valeur par défaut courante est 16px.
  2. Saisissez une valeur de design comme 24 dans le champ PX.
  3. Le champ REM se met à jour instantanément à 1.5rem ; vous pouvez également saisir 2rem pour obtenir 32px.
  4. Utilisez le tableau de correspondance ci-dessous pour vérifier rapidement les tailles de police courantes, les valeurs d'espacement et les références Tailwind.

Fonctionnalités principales

  • Conversion bidirectionnelle instantanée : saisissez une valeur en PX ou en REM et obtenez immédiatement le résultat opposé, sans bouton de calcul.
  • Taille de police de base personnalisée : commencez à 16px ou passez à 10px, 14px ou toute autre taille racine propre à votre projet.
  • Tableau de correspondance intégré : les tailles courantes se mettent à jour avec votre taille de base, y compris les équivalences pour 12px, 16px, 24px et 32px.
  • Référence d'espacement Tailwind : affichez les tokens d'espacement Tailwind correspondants aux valeurs en pixels.
  • Local et rapide : tous les calculs sont effectués dans la mémoire du navigateur, sans requêtes réseau.

Outils associés

Minificateur et nettoyeur CSS en ligne gratuit - Compression de code

Minifiez ou formatez du code CSS localement dans votre navigateur. Supprimez les commentaires et les espaces pour réduire la taille du fichier, ou restaurez la lisibilité. Gratuit, local et privé.
Formatteur JSON sécurisé et générateur de types - Génération locale de types

Formatteur JSON sécurisé : formatez, validez et corrigez le JSON localement dans votre navigateur. Embellissez, minifiez, mettez en valeur les erreurs, générez du TypeScript ou du Zod, convertissez en XML — privé. Essayez maintenant.
Testeur et évaluateur JSONPath gratuit | Requêtes locales en temps réel

Testeur et évaluateur JSONPath gratuit pour le JSON d'API. Extrayez les nœuds correspondants en temps réel, inspectez les chemins et copiez les résultats JSON, tout en conservant l'analyse locale dans votre navigateur.
Convertisseur JSON en CSV - Exportation locale de feuilles de calcul

Convertissez des objets ou tableaux JSON en CSV localement dans votre navigateur. Aplatissez les champs imbriqués, prévisualisez le résultat, puis copiez ou téléchargez le CSV sans importer vos données.
Convertisseur CSV en JSON - Analyseur local en temps réel gratuit

Convertissez du texte ou des fichiers CSV en tableaux JSON localement dans votre navigateur. Prend en charge les en-têtes, les délimiteurs virgule/point-virgule/tabulation, le glisser-déposer de fichiers, la copie et le téléchargement sans transfert de données.
Comparateur de diff JSON - Comparaison sémantique locale

Comparez deux documents JSON localement dans votre navigateur. Triez les clés des objets pour un diff sémantique, ignorez le bruit lié à l'ordre des clés et marquez les champs ajoutés, supprimés et modifiés sans aucun téléchargement vers un serveur.
Minificateur et compresseur JSON

Minifiez le JSON en une seule ligne, supprimez les retraits et les sauts de ligne, et comparez la taille d'origine, la taille minifiée, les octets économisés et le pourcentage d'économie.
Convertisseur JSON en TypeScript - Générateur d'interfaces en ligne

Générateur en ligne gratuit de JSON en TypeScript. Générez instantanément des interfaces et des types TypeScript à partir de vos structures JSON. Traitement 100 % local et sécurisé.

Logique de calcul

  • Formule de conversion PX en REM : REM = PX / Taille de base.
  • Formule de conversion REM en PX : PX = REM × Taille de base.
  • Avec la taille racine par défaut du navigateur, 16px = 1rem et 24px = 1.5rem.

FAQ

Combien de pixels contient 1rem ?

Dans la plupart des navigateurs, 1rem est égal à 16px par défaut. Si votre projet modifie la règle html { font-size }, utilisez plutôt cette taille racine.

Quelle est la différence entre PX et REM ?

Le PX est une unité de pixel absolue. Le REM est relatif à la taille de police racine, ce qui permet aux mises en page de respecter les préférences de taille de police de l'utilisateur.

Pourquoi certains projets utilisent-ils une base de 10px ?

Certaines équipes définissent html { font-size: 62.5%; } dans leur CSS pour que 1rem soit égal à environ 10px afin de faciliter le calcul mental. Pensez à l'accessibilité avant de l'adopter.

Est-ce que cet outil convertit également les EM ?

Non. Cet outil se concentre sur les unités PX et REM. L'EM dépend de la taille de police de l'élément parent, il ne peut donc pas être traité avec la même conversion directe.

Mes données CSS ou de design sont-elles téléchargées ?

Non. La conversion s'effectue localement dans votre navigateur, sans calcul sur serveur ni envoi de fichiers.