Skip to content

Convertisseur PX vers REM — Pixels en rem, en direct

Convertissez des px en rem instantanément avec une taille de police racine réglable. 16px = 1rem par défaut. Conversion bidirectionnelle, prête à copier, 100% dans votre navigateur.

Sans pistage Fonctionne dans le navigateur Gratuit
px
Aperçu

Portez ce vieux whisky au juge

Vérifié pour l'exactitude de l'unité rem CSS et les conseils d'accessibilité — Équipe d'ingénierie Go Tools · 11 juin 2026

Référence rapide

Combien font 16px en rem ?

16px = 1rem (avec une base de 16px) À la taille de police racine par défaut du navigateur de 16px, 16px équivaut exactement à 1rem. C'est l'ancrage de toutes les autres conversions : rem = px ÷ 16.

Quelle est la formule px vers rem ?

rem = px ÷ taille-police-racine Divisez la valeur en pixels par la taille de police racine. Par exemple, 24px ÷ 16 = 1.5rem. Changez la base dans l'outil si votre projet n'utilise pas 16px.

Qu'est-ce que l'astuce du 62.5% ?

62.5% → 1rem = 10px Régler html { font-size: 62.5% } fait passer la racine à 10px, donc 1rem = 10px et le calcul en rem revient à « diviser par 10 ». Réglez la base de cet outil à 10 pour l'utiliser.

Qu'est-ce qu'un convertisseur PX vers REM ?

Un convertisseur px vers rem traduit des mesures en pixels en unités rem pour le CSS. L'unité rem (« root em ») est relative à la taille de police de l'élément racine : 1rem équivaut toujours à la taille de police racine, que les navigateurs fixent à 16px par défaut. La conversion est une simple division — rem = px ÷ taille-police-racine — mais la faire à la main pour chaque taille de police, marge et point de rupture d'une feuille de style est fastidieux et source d'erreurs, et c'est ce que cet outil supprime.

La raison de convertir tient à l'accessibilité et à l'adaptabilité. Quand une valeur est écrite en px, elle est figée à une taille fixe et ignore la préférence de taille de police du navigateur de l'utilisateur. Quand elle est écrite en rem, elle s'adapte proportionnellement si l'utilisateur augmente sa taille de police par défaut — un aménagement essentiel pour les personnes en basse vision et une expérience plus fluide pour tous ceux qui zooment. Exprimer un design system en rem signifie aussi qu'une seule modification de la taille de police racine redimensionne toute l'interface de façon cohérente.

Ce convertisseur garde les champs pixels et rem liés en temps réel, pour que vous puissiez aller dans les deux sens, et — contrairement aux outils qui codent une base de 16px en dur — il vous laisse définir n'importe quelle taille de police racine. Cela compte car une feuille de style utilisant la technique du 62.5% (une racine de 10px) se convertit différemment d'une configuration par défaut à 16px. Un aperçu en direct montre la taille de texte obtenue, et un tableau de référence liste les valeurs px les plus courantes avec une base de 16px pour des consultations rapides.

Besoin du sens inverse ? Utilisez le convertisseur rem vers px. Pour nettoyer la feuille de style elle-même, essayez le formateur CSS, et pour le travail sur les couleurs voyez le convertisseur de couleurs. Tout s'exécute dans votre navigateur — vos valeurs ne quittent jamais votre appareil.

/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75

Fonctionnalités clés de ce convertisseur PX vers REM

Taille de police racine personnalisable

Convertissez par rapport à n'importe quelle base, pas seulement 16px. Adaptez-vous à la technique du 62.5% (10px) ou à la taille de police racine réelle de votre projet — la plupart des outils codent 16 en dur.

Conversion bidirectionnelle en direct

Les champs pixels et rem restent liés en temps réel. Modifiez l'un ou l'autre et l'autre se met à jour instantanément par rapport à la base choisie.

Aperçu de taille intégré

Une ligne d'aperçu affiche le texte à la taille rem obtenue pour que vous voyiez l'échelle, pas seulement le nombre.

Copie en un clic

Copiez la valeur px ou rem dans le presse-papiers d'un seul clic, prête à coller directement dans votre CSS.

Tableau de conversion de référence

Un tableau des valeurs px les plus courantes et de leurs équivalents en rem avec une base de 16px pour des consultations rapides, sans saisie.

100% dans le navigateur et privé

Tous les calculs se font localement dans votre navigateur. Aucune requête serveur, aucun suivi, aucun stockage de données — vos valeurs ne quittent jamais votre appareil.

Exemples de conversion PX vers REM

Texte du corps — 16px en rem

16
1rem

À la taille de police racine par défaut de 16px, 16px équivaut exactement à 1rem. C'est la référence par rapport à laquelle toutes les autres conversions sont mesurées : rem = px ÷ 16.

Titre — 24px en rem

24
1.5rem

Un titre de 24px devient 1.5rem (24 ÷ 16 = 1.5). Utiliser rem signifie que le titre s'adapte automatiquement si l'utilisateur modifie la taille de police par défaut de son navigateur.

Petite étiquette — 12px en rem

12
0.75rem

12px font 0.75rem avec une base de 16px. Les mentions légales et les légendes sont des candidats courants pour rem afin de respecter les préférences de taille de police du lecteur.

Espacement — 8px en rem

8
0.5rem

8px équivaut à 0.5rem. De nombreux design systems expriment les marges intérieures et marges en rem pour que l'espacement s'adapte de pair avec le texte.

Astuce du 62.5% — base 10px, 18px en rem

18
1.125rem

Si vous réglez la taille de police racine à 10px (technique du 62.5%), 18px devient 1.8rem. Avec la base par défaut de 16px, 18px font 1.125rem. Convertissez toujours par rapport à la base réellement utilisée par votre projet.

Point de rupture — 768px en rem

768
48rem

Un point de rupture de media query de 768px fait 48rem avec une base de 16px. Les points de rupture en rem zooment de façon plus prévisible quand les utilisateurs agrandissent leur texte.

Comment convertir les valeurs px courantes en rem

Référence rapide pour les valeurs px que les développeurs convertissent le plus souvent en rem, à la taille de police racine par défaut de 16px.

Comment convertir 16px en rem

16 px → 1 rem

Divisez 16 par la taille de police racine de 16px pour obtenir 1rem. 16px est la valeur d'ancrage — elle équivaut exactement à 1rem sur une configuration par défaut, c'est pourquoi c'est le point de référence de toutes les autres conversions.

16 px → 1 rem

Retenez 16px = 1rem. À partir de là, divisez par deux pour 0.5rem (8px) et doublez pour 2rem (32px).

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Comment convertir 24px en rem

24 px → 1.5 rem

Divisez 24 par 16 pour obtenir 1.5rem. 24px est une taille de titre et de grand bouton courante, donc 1.5rem apparaît fréquemment dans les design systems.

24 px → 1.5 rem

24px vaut exactement 1.5× la base, il correspond donc nettement à 1.5rem — une valeur soignée pour les titres.

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Comment convertir 12px en rem

12 px → 0.75 rem

Divisez 12 par 16 pour obtenir 0.75rem. 12px est une taille courante pour les légendes, étiquettes et mentions légales qui doivent tout de même respecter les préférences de taille de police de l'utilisateur.

12 px → 0.75 rem

12px = 0.75rem (trois quarts de la base). Utile pour le texte secondaire.

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Comment convertir 14px en rem

14 px → 0.875 rem

Divisez 14 par 16 pour obtenir 0.875rem. 14px est une taille de texte de corps et d'interface très courante, donc 0.875rem apparaît constamment dans les bibliothèques de composants.

14 px → 0.875 rem

14px = 0.875rem. C'est la taille de texte par défaut dans de nombreux frameworks d'interface.

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Comment convertir 32px en rem

32 px → 2 rem

Divisez 32 par 16 pour obtenir 2rem. 32px est une valeur fréquente de grand titre et d'espacement de section, correspondant à un net 2rem.

32 px → 2 rem

32px = 2rem, exactement le double de la base — facile à retenir pour les grands titres et un espacement généreux.

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Comment convertir 10px en rem

10 px → 0.625 rem

Divisez 10 par 16 pour obtenir 0.625rem avec la base par défaut. Notez que 10px est aussi la taille de police racine utilisée par la technique du 62.5%, où 10px équivaudrait alors à 1rem.

10 px → 0.625 rem

Avec une base de 16px, 10px = 0.625rem. Si vous adoptez la technique du 62.5%, réglez la base à 10 et 10px devient 1rem.

Essayez ci-dessus — saisissez votre valeur en pixels et voyez le rem instantanément.

Tableau de conversion PX vers REM

Valeurs px vers rem pré-calculées à la taille de police racine par défaut de 16px. Ajoutez cette page à vos favoris pour des consultations rapides.

Pixels vers rem (base 16px)

Tableau de conversion pixels vers rem à une taille de police racine de 16px
PX REM
8 0.5
9 0.5625
10 0.625
11 0.6875
12 0.75
13 0.8125
14 0.875
15 0.9375
16 1
17 1.0625
18 1.125
19 1.1875
20 1.25
21 1.3125
22 1.375
23 1.4375
24 1.5
28 1.75
32 2
36 2.25
40 2.5
44 2.75
48 3

Tailles courantes vers rem

Valeurs en pixels plus grandes vers rem à une taille de police racine de 16px
PX REM
56 3.5
64 4
72 4.5
80 5
88 5.5
96 6

Comment utiliser le convertisseur PX vers REM

  1. 1

    Saisir une valeur en pixels

    Tapez ou collez un nombre dans le champ Pixels (px). L'équivalent en rem apparaît instantanément — aucun bouton de conversion nécessaire.

  2. 2

    Régler la taille de police racine (facultatif)

    La base est réglée par défaut à 16px. Modifiez-la pour correspondre à votre projet — par exemple 10px pour la technique du 62.5% — et chaque résultat se met à jour par rapport à la nouvelle base.

  3. 3

    Lire le résultat en rem et l'aperçu

    Le champ Rem affiche la valeur convertie, la ligne d'aperçu affiche le texte à cette taille, et la formule confirme le ratio actuel (ex. 1rem = 16px).

  4. 4

    Copier la valeur

    Cliquez sur l'icône de copie à côté de l'un ou l'autre champ pour copier la valeur px ou rem dans le presse-papiers, prête à coller dans votre CSS.

Cas d'usage de la conversion PX vers REM

Construire des interfaces réactives et accessibles
Convertissez les tailles de police et l'espacement en pixels vers rem pour que l'interface s'adapte à la préférence de taille de police du navigateur de l'utilisateur.
Traduire des maquettes de design
Transformez les valeurs px d'un designer issues de Figma ou Sketch en unités rem adaptées à un design system CSS évolutif.
Définir des points de rupture de media query
Exprimez les points de rupture en rem pour que les mises en page réagissent de façon prévisible quand les utilisateurs zooment ou changent leur taille de texte par défaut.
Adopter la technique du 62.5%
Convertissez par rapport à une taille de police racine de 10px pour obtenir une arithmétique rem nette quand vous utilisez html { font-size: 62.5% }.
Refactoriser du CSS hérité
Remplacez systématiquement les valeurs px fixes par des rem pour moderniser une ancienne feuille de style en vue de l'accessibilité.
Vérifier les tailles calculées
Vérifiez rapidement à quoi correspond une valeur px en rem (ou inversement) lors du débogage de l'espacement et de la typographie.

Détails techniques

L'unité rem
rem est relatif à la taille de police racine . 1rem équivaut à cette taille de police en pixels — 16px par défaut — donc rem = px ÷ taille-police-racine.
Arithmétique en double précision
Les conversions utilisent la virgule flottante en double précision IEEE 754, arrondie à au plus cinq décimales avec les zéros de fin supprimés pour des valeurs CSS propres.
Traitement côté client
Toute la logique de conversion s'exécute en JavaScript dans votre navigateur. Aucun appel réseau n'est effectué — l'outil fonctionne entièrement hors ligne une fois chargé.

Bonnes pratiques pour utiliser rem

Convertir par rapport à votre vraie base
Utilisez toujours la taille de police racine que votre feuille de style définit réellement. Une base de 10px (technique du 62.5%) se convertit différemment de la base par défaut de 16px.
rem pour le texte et l'espacement, px pour les traits fins
Dimensionnez les polices, marges intérieures et marges en rem pour qu'elles s'adaptent aux préférences de l'utilisateur ; gardez px pour ce qui doit rester fixe, comme les bordures de 1px.
Garder les points de rupture en rem ou em
Les media queries en rem zooment plus harmonieusement que les points de rupture en px quand les utilisateurs agrandissent leur texte.

FAQ PX vers REM

Combien font 16px en rem ?
16px équivaut exactement à 1rem lorsque la taille de police racine est la valeur par défaut du navigateur, 16px. L'unité rem est relative à la taille de police de l'élément racine , donc rem = px ÷ taille-police-racine. Comme la plupart des navigateurs utilisent 16px par défaut, 16px est l'ancrage naturel : 16px = 1rem, 8px = 0.5rem, 32px = 2rem. Si vous modifiez la taille de police racine, le ratio change en conséquence.
Comment convertir des px en rem ?
Divisez la valeur en pixels par la taille de police racine. La formule est rem = px ÷ base, où base est la taille de police de l'élément (16px par défaut). Par exemple, 24px ÷ 16 = 1.5rem, et 12px ÷ 16 = 0.75rem. Cet outil effectue la division pour vous en temps réel et vous permet de changer la base si votre projet utilise une taille de police racine différente.
Combien fait 1rem en pixels ?
1rem équivaut à la taille de police racine en pixels — 16px par défaut. Donc 1rem = 16px, 1.5rem = 24px et 2rem = 32px sur une configuration standard. Si vous réglez html { font-size: 62.5% } (10px), alors 1rem = 10px à la place. Pour repasser de rem à pixels, multipliez : px = rem × base.
Pourquoi utiliser rem plutôt que px ?
Les unités rem respectent la préférence de taille de police du navigateur de l'utilisateur, ce qui est essentiel pour l'accessibilité. Quand quelqu'un augmente sa taille de police par défaut — pour une basse vision ou simplement par confort — tout ce qui est dimensionné en rem s'adapte proportionnellement, tandis que les valeurs en px restent fixes et peuvent casser des mises en page ou ignorer la préférence. Rem maintient aussi un design system cohérent : modifiez une seule taille de police racine et toute l'interface s'adapte ensemble. Les pixels restent utiles pour ce qui ne doit pas s'adapter, comme les bordures de 1px.
Quelle est la différence entre px, rem et em ?
px est une unité absolue — un pixel CSS, fixe quel que soit le contexte. rem est relatif à la taille de police de la racine (), donc il est cohérent partout sur la page. em est relatif à la taille de police du parent de l'élément courant, donc il se cumule en cas d'imbrication. Utilisez px pour les détails fixes comme les bordures fines, rem pour la plupart des dimensionnements afin qu'ils s'adaptent à la préférence de l'utilisateur, et em quand vous voulez qu'une valeur s'adapte par rapport à son contexte local (par exemple une marge intérieure qui croît avec la taille de police propre d'un bouton).
Qu'est-ce que l'astuce de taille de police 62.5% ?
Régler html { font-size: 62.5% } fait passer la taille de police racine à 10px (car 62.5% des 16px par défaut font 10px). Avec une base de 10px, le calcul en rem devient trivial : 1rem = 10px, 1.6rem = 16px, 2.4rem = 24px — il suffit de diviser la valeur en pixels par 10. Beaucoup de développeurs apprécient l'arithmétique plus simple, même si l'on règle alors généralement body { font-size: 1.6rem } pour rétablir un texte de corps lisible à 16px. Réglez la taille de police racine de cet outil à 10 pour convertir par rapport à la base du 62.5%.
Puis-je changer la taille de police racine dans ce convertisseur ?
Oui. Le champ Taille de police racine est réglé par défaut à 16px (la valeur par défaut du navigateur) mais vous pouvez saisir n'importe quelle valeur — 10, 18, 20, ou ce que votre projet utilise. Chaque conversion et le tableau de référence se mettent à jour par rapport à la base définie. Cliquez sur « Réinitialiser à 16 » pour revenir à la valeur par défaut. La plupart des outils codent 16px en dur ; la base personnalisée est ce qui permet à ce convertisseur de correspondre à votre vraie feuille de style.
16px équivaut-il toujours à 1rem ?
Seulement quand la taille de police racine est de 16px, ce qui est la valeur par défaut dans la quasi-totalité des navigateurs. La relation 16px = 1rem tient tant que vous ne surchargez pas html { font-size }. Si une feuille de style règle la taille de police racine sur autre chose — disons 10px ou 18px — alors 16px n'équivaut plus à 1rem. Convertissez toujours par rapport à la taille de police racine réelle de la page.
Dois-je convertir les tailles de police, marges intérieures et marges en rem ?
Les tailles de police sont les meilleurs candidats pour rem car elles affectent directement la lisibilité et l'accessibilité. Les marges intérieures, marges, espacements (gap) et rayons de bordure sont aussi couramment exprimés en rem pour que l'espacement s'adapte de pair avec le texte et donne une mise en page cohérente. Les points de rupture des media queries en rem (ou em) zooment plus harmonieusement. Conservez px pour ce qui ne doit pas s'adapter, comme les bordures de 1px et certains décalages de box-shadow.
Convertir des px en rem change-t-il l'apparence de mon site ?
Non — à la taille de police racine par défaut de 16px, une valeur en rem s'affiche exactement à la même taille en pixels que la valeur px d'origine. 24px et 1.5rem se ressemblent à l'identique sur une configuration standard. La différence est comportementale : la version rem s'adaptera si l'utilisateur change la taille de police de son navigateur, alors que la version px non. Visuellement, rien ne change tant que l'utilisateur n'ajuste pas ses préférences.
Quelle est la précision de ce convertisseur px vers rem ?
Les conversions utilisent l'arithmétique en double précision IEEE 754 et la formule exacte rem = px ÷ base, avec des résultats arrondis à au plus cinq décimales et les zéros de fin supprimés pour la lisibilité. Pour le CSS, cette précision est bien plus fine que ce dont le navigateur a besoin. Les calculs sont déterministes et donnent toujours le même résultat, vous pouvez donc vous y fier pour des feuilles de style de production.
Mes données sont-elles en sécurité avec ce convertisseur ?
Totalement. Toutes les conversions s'exécutent localement dans votre navigateur en JavaScript. Aucune valeur n'est envoyée à un serveur — il n'y a pas de requêtes réseau, pas de cookies sur vos saisies et aucune analyse liée à ce que vous tapez. Vous pouvez le vérifier en vous déconnectant d'internet : l'outil continue de fonctionner pleinement hors ligne une fois la page chargée.

Outils connexes

Voir tous les outils →

Convertisseur de Base — Binaire, Hex, Décimal & Octal

Outils de conversion

Convertissez entre binaire, hexadécimal, décimal, octal et toute base (2-36) instantanément. Gratuit, privé, 100 % dans votre navigateur.

Convertisseur de couleurs — HEX, RGB, HSL et OKLCH

Outils de conversion

Convertissez HEX en RGB, HSL, OKLCH, OKLAB et CMYK dans votre navigateur — copiez n'importe quel format en un clic. Gratuit, sans inscription, vos couleurs ne quittent jamais la page.

Convertisseur HEX vers CMYK

Outils de conversion

Convertissez n'importe quelle couleur HEX en CMYK dans votre navigateur. Approximation naïve basée sur sRGB pour les aperçus d'impression. Gratuit, instantané, sans inscription, vos couleurs restent locales.

Convertisseur HEX vers HSL

Outils de conversion

Convertissez n'importe quelle couleur hex en HSL dans votre navigateur — hex à 3, 6 et 8 chiffres avec alpha pris en charge. Gratuit, instantané, sans inscription, vos couleurs ne quittent jamais la page.

Convertisseur HEX vers OKLCH

Outils de conversion

Convertissez HEX en OKLCH pour les tokens de design Tailwind v4. Sortie perceptuellement uniforme en direct avec alertes de gamut chromatique Display P3. Gratuit, dans le navigateur.

Convertisseur HEX vers RGB

Outils de conversion

Convertissez n'importe quel code couleur hex en RGB dans votre navigateur — hex à 3, 6 et 8 chiffres avec alpha pris en charge. Gratuit, instantané, sans inscription, vos couleurs ne quittent jamais la page.