Combien fait 1rem en px ?
1rem = 16px (avec une base de 16px) À la taille de police racine par défaut du navigateur de 16px, 1rem équivaut exactement à 16px. C'est l'ancrage de toutes les conversions : px = rem × 16.
Convertisseur REM vers PX — Rem en pixels, en direct
Convertissez des rem en px instantanément avec une taille de police racine réglable. 1rem = 16px 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
Quelle est la formule rem vers px ?
px = rem × taille-police-racine Multipliez la valeur en rem par la taille de police racine. Par exemple, 1.5rem × 16 = 24px. 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 rem-vers-px revient à « multiplier par 10 ». Réglez la base de cet outil à 10 pour l'utiliser.
Qu'est-ce qu'un convertisseur REM vers PX ?
Un convertisseur rem vers px traduit des unités rem en mesures de pixels. 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 multiplication — px = rem × taille-police-racine — mais la vérifier pour chaque valeur en lisant ou déboguant une feuille de style est répétitif, et c'est ce que cet outil supprime.
Les développeurs écrivent généralement le CSS en rem pour l'accessibilité et l'adaptabilité : les valeurs écrites en rem s'adaptent à la préférence de taille de police du navigateur de l'utilisateur, tandis que les valeurs en px restent fixes. Mais il y a de nombreux moments où vous avez besoin de la valeur en pixels — faire correspondre une maquette de design, remettre des tailles à un designer qui travaille en pixels, régler une propriété qui n'accepte que des px, ou déboguer pourquoi un élément s'affiche à une taille particulière. C'est là que reconvertir rem en px est exactement ce que vous voulez.
Ce convertisseur garde les champs rem et pixels 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) résout les rem en des valeurs en pixels différentes 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 rem courantes avec une base de 16px pour des consultations rapides.
Besoin de l'autre sens ? Utilisez le convertisseur px vers rem. 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 */
/* px = rem × root-font-size (16px by default) */
:root {
font-size: 16px; /* 1rem = 16px */
}
/* 1.5rem -> 24px */
/* 1rem -> 16px */
/* 0.75rem -> 12px */
/* 2rem -> 32px */
/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12 Fonctionnalités clés de ce convertisseur REM vers PX
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 rem et pixels 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 saisie pour que vous voyiez l'échelle, pas seulement le nombre.
Copie en un clic
Copiez la valeur rem ou px dans le presse-papiers d'un seul clic, prête à coller dans du CSS ou un outil de design.
Tableau de conversion de référence
Un tableau des valeurs rem courantes et de leurs équivalents en pixels 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 REM vers PX
Texte du corps — 1rem en px
1
16px
À la taille de police racine par défaut de 16px, 1rem équivaut exactement à 16px. C'est la référence pour toutes les autres conversions : px = rem × 16.
Titre — 1.5rem en px
1.5
24px
1.5rem correspond à 24px (1.5 × 16). Les titres sont souvent écrits en rem pour qu'ils s'adaptent à la préférence de taille de police de l'utilisateur tout en correspondant à des tailles en pixels familières.
Petite étiquette — 0.75rem en px
0.75
12px
0.75rem font 12px avec une base de 16px. Vérifier la valeur en pixels aide à confirmer que les mentions légales restent lisibles.
Espacement — 0.5rem en px
0.5
8px
0.5rem équivaut à 8px. Les design systems expriment souvent les marges intérieures et marges en rem ; reconvertir en px est pratique pour une relecture précise au pixel près.
Grand titre — 2rem en px
2
32px
2rem vaut exactement le double de la base, 32px. Des multiples nets comme celui-ci sont courants pour les titres importants.
Point de rupture — 48rem en px
48
768px
Un point de rupture de media query de 48rem correspond à 768px avec une base de 16px — un seuil familier de largeur tablette exprimé en unités adaptables.
Comment convertir les valeurs rem courantes en px
Référence rapide pour les valeurs rem que les développeurs convertissent le plus souvent en px, à la taille de police racine par défaut de 16px.
Comment convertir 1rem en px
1 rem → 16 px
Multipliez 1 par la taille de police racine de 16px pour obtenir 16px. 1rem est la valeur d'ancrage — elle équivaut exactement à 16px sur une configuration par défaut, le point de référence de toutes les autres conversions.
1 rem → 16 px Retenez 1rem = 16px. À partir de là, divisez par deux pour 0.5rem (8px) et doublez pour 2rem (32px).
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Comment convertir 1.5rem en px
1.5 rem → 24 px
Multipliez 1.5 par 16 pour obtenir 24px. 1.5rem est une taille de titre et de grand bouton courante, donc 24px apparaît fréquemment dans les design systems.
1.5 rem → 24 px 1.5rem = 24px. Une taille de titre soignée qui vaut exactement 1.5× la base.
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Comment convertir 0.75rem en px
0.75 rem → 12 px
Multipliez 0.75 par 16 pour obtenir 12px. 0.75rem est une taille courante pour les légendes, étiquettes et mentions légales.
0.75 rem → 12 px 0.75rem = 12px (trois quarts de la base). Utile pour le texte secondaire.
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Comment convertir 0.875rem en px
0.875 rem → 14 px
Multipliez 0.875 par 16 pour obtenir 14px. 0.875rem est une taille de texte de corps et d'interface très courante dans les bibliothèques de composants.
0.875 rem → 14 px 0.875rem = 14px, la taille de texte par défaut dans de nombreux frameworks d'interface.
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Comment convertir 2rem en px
2 rem → 32 px
Multipliez 2 par 16 pour obtenir 32px. 2rem est une valeur fréquente de grand titre et d'espacement de section, correspondant à un net 32px.
2 rem → 32 px 2rem = 32px, exactement le double de la base — facile à retenir pour les grands titres et l'espacement.
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Comment convertir 0.5rem en px
0.5 rem → 8 px
Multipliez 0.5 par 16 pour obtenir 8px. 0.5rem est un incrément d'espacement courant pour les marges intérieures, marges et espacements (gap).
0.5 rem → 8 px 0.5rem = 8px, la moitié de la base — une unité de petit espacement fréquente.
Essayez ci-dessus — saisissez votre valeur en rem et voyez les pixels instantanément.
Tableau de conversion REM vers PX
Valeurs rem vers px pré-calculées à la taille de police racine par défaut de 16px. Ajoutez cette page à vos favoris pour des consultations rapides.
Rem vers pixels (base 16px)
| REM | PX |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 2.75 | 44 |
| 3 | 48 |
Valeurs rem plus grandes vers px
| REM | PX |
|---|---|
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 5.5 | 88 |
| 6 | 96 |
| 6.5 | 104 |
| 7 | 112 |
| 7.5 | 120 |
| 8 | 128 |
Comment utiliser le convertisseur REM vers PX
- 1
Saisir une valeur en rem
Tapez ou collez un nombre dans le champ Rem. L'équivalent en pixels apparaît instantanément — aucun bouton de conversion nécessaire.
- 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
Lire le résultat en pixels et l'aperçu
Le champ Pixels 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
Copier la valeur
Cliquez sur l'icône de copie à côté de l'un ou l'autre champ pour copier la valeur rem ou px dans le presse-papiers, prête à coller là où vous en avez besoin.
Cas d'usage de la conversion REM vers PX
- Faire correspondre une maquette en pixels
- Vérifiez à quoi correspondent en pixels les valeurs rem de votre CSS pour qu'elles s'alignent sur la maquette en px d'un designer.
- Remise au design
- Traduisez un design system basé sur rem vers px pour communiquer les tailles à des designers ou parties prenantes qui raisonnent en pixels.
- Déboguer la mise en page et la typographie
- Résolvez rapidement en pixels les tailles de police, espacements et points de rupture en rem pour diagnostiquer pourquoi un élément s'affiche à une taille donnée.
- Vérifier la technique du 62.5%
- Convertissez rem en px par rapport à une taille de police racine de 10px pour confirmer les valeurs quand vous utilisez html { font-size: 62.5% }.
- Régler des propriétés qui n'acceptent que des px
- Obtenez la valeur exacte en pixels pour une propriété ou un outil qui attend des pixels plutôt que des rem.
- Examiner des bibliothèques de composants
- Voyez les tailles en pixels derrière une bibliothèque de composants basée sur rem pour auditer les échelles d'espacement et de 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 px = rem × 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 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 et px
- 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%) résout les rem en pixels différemment de la base par défaut de 16px.
- Écrire en rem, vérifier en px
- Gardez votre CSS en rem pour l'accessibilité et utilisez la valeur en pixels pour la relecture, la remise et le débogage — pas comme une raison de coder du px en dur.
- Attention au cumul de em vs rem
- Si une valeur se résout de façon inattendue, confirmez qu'il s'agit de rem (relatif à la racine) et non de em (relatif au parent), qui se cumule en cas d'imbrication.
FAQ REM vers PX
Combien fait 1rem en pixels ?
1rem équivaut à la taille de police racine en pixels — 16px par défaut. L'unité rem est relative à la taille de police de l'élément racine , donc px = rem × taille-police-racine. Sur une configuration standard, 1rem = 16px, 1.5rem = 24px et 2rem = 32px. Si une feuille de style modifie la taille de police racine, la valeur en pixels de 1rem change avec elle.
Comment convertir des rem en px ?
Multipliez la valeur en rem par la taille de police racine. La formule est px = rem × base, où base est la taille de police de l'élément (16px par défaut). Par exemple, 1.5rem × 16 = 24px, et 0.75rem × 16 = 12px. Cet outil effectue la multiplication 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 font 16px en rem ?
16px équivaut à 1rem à la taille de police racine par défaut de 16px, car rem = px ÷ base. C'est l'inverse du sens rem-vers-px : 1rem = 16px, donc 16px = 1rem. Changez la base dans l'outil, ou utilisez le convertisseur px vers rem, si votre projet n'utilise pas une racine de 16px.
Pourquoi les designs utilisent-ils 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 important pour l'accessibilité. Quand quelqu'un augmente sa taille de police par défaut, tout ce qui est dimensionné en rem s'adapte proportionnellement, tandis que les valeurs en px restent fixes. Rem maintient aussi un design system cohérent — modifiez une seule taille de police racine et toute l'interface se redimensionne. Reconvertir rem en px reste utile pour la relecture précise au pixel près, la remise au design et le débogage.
Quelle est la différence entre rem, em et px ?
px est une unité absolue — un pixel CSS fixe. rem est relatif à la taille de police de la racine (), donc il est cohérent à travers 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 rem pour la plupart des dimensionnements afin qu'ils s'adaptent à la préférence de l'utilisateur, px pour les détails fixes comme les bordures de 1px, et em quand vous voulez qu'une valeur s'adapte par rapport à son contexte local.
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 (62.5% des 16px par défaut). Avec une base de 10px, 1rem = 10px, donc rem-vers-px revient à « multiplier par 10 » : 1.6rem = 16px, 2.4rem = 24px. Beaucoup de développeurs apprécient l'arithmétique plus simple, puis règlent body { font-size: 1.6rem } pour 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 mais accepte 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 convertisseurs codent 16px en dur ; la base personnalisée est ce qui permet à cet outil de correspondre à votre vraie feuille de style.
1rem fait-il toujours 16px ?
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 1rem = 16px tient tant que html { font-size } n'est pas surchargé. Si une feuille de style règle la taille de police racine sur 10px ou 18px, alors 1rem équivaut à cette valeur à la place. Convertissez toujours par rapport à la taille de police racine réelle de la page.
Quand devrais-je reconvertir des rem en px ?
Reconvertir rem en px est utile quand vous avez besoin de valeurs précises au pixel près : faire correspondre une maquette de design, communiquer des tailles à un designer qui travaille en pixels, régler une propriété qui n'accepte que des px, ou déboguer pourquoi un élément s'affiche à une certaine taille. L'écriture en rem reste dans votre CSS pour l'adaptabilité ; la valeur en px sert à la vérification et à la remise.
La taille de police racine utilisée pour la conversion a-t-elle de l'importance ?
Oui — la taille de police racine est le multiplicateur, elle change donc directement le résultat. 2rem font 32px avec une base de 16px mais 20px avec une base de 10px. Si votre feuille de style utilise la technique du 62.5% ou toute taille de police racine personnalisée, réglez la base de l'outil en conséquence, sinon les valeurs en pixels seront erronées.
Quelle est la précision de ce convertisseur rem vers px ?
Les conversions utilisent l'arithmétique en double précision IEEE 754 et la formule exacte px = rem × base, avec des résultats arrondis à au plus cinq décimales et les zéros de fin supprimés. C'est bien plus fin que ce dont le navigateur a besoin, et les calculs sont déterministes, vous pouvez donc vous y fier pour le travail 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 de 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.