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

Calculateur FIRE 2026 gratuit | Simulateur de retraite ajusté à l'inflation

Le calculateur de retraite FIRE 2026 ajusté à l'inflation. Simulez votre pouvoir d'achat réel, évaluez vos écarts d'épargne et générez votre feuille de route. Export CSV en un clic. 100 % confidentiel.
Calculateur de taille de position gratuit | Gestion du risque de trading en ligne

Calculez la taille de votre position de trading selon votre capital, votre risque %, votre entrée et votre stop-loss. Fonctionne localement dans le navigateur pour simuler vos risques avant de trader.
Calculateur d'intérêts composés gratuit | Simulateur d'investissement et APY en ligne

Calculez vos intérêts composés à partir du capital initial, des versements périodiques, de l'APY et de la durée. Visualisez la part du capital et des intérêts sur un graphique interactif local.
Calculateur de prêt et crédit gratuit | Tableau d'amortissement interactif en ligne

Utilisez ce calculateur de prêt / crédit immobilier pour estimer vos mensualités, le total des intérêts et générer un tableau d'amortissement local. Saisissez le montant, le taux et la durée pour simuler immédiatement.
Calculateur d'investissement et de ROI gratuit | Simulateur d'intérêts composés en ligne

Utilisez ce calculateur d'investissement / ROI pour estimer localement votre capital de départ, vos versements mensuels, votre rendement annuel et vos résultats ajustés à l'inflation. Visualisez vos gains avec un graphique interactif.
Calculateur APR en APY gratuit | Convertisseur de taux nominal et effectif en ligne

Utilisez ce calculateur d'APR en APY pour convertir localement vos taux APR et APY. Saisissez un taux, choisissez la fréquence de capitalisation et obtenez instantanément le taux d'intérêt effectif, l'écart et un tableau comparatif.
Calculateur de marge commerciale gratuit | Convertisseur de marge et markup en ligne

Utilisez ce calculateur de marge commerciale pour estimer localement votre bénéfice brut, taux de marge, taux de marque (markup) et prix de vente. Saisissez vos coûts et marges cibles pour calculer instantanément.
Calculateur de CPM et CPC gratuit | Simulateur de budget et CTR publicitaire en ligne

Utilisez ce calculateur de CPM et de CPC pour estimer localement vos dépenses publicitaires, impressions, clics, CPM, CPC et CTR. Saisissez votre budget et vos coûts cibles pour planifier vos campagnes.

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.