Convertisseur px en rem
Avec une police racine de 16 px, 24 px = 1,5 rem : divisez les pixels par la taille racine. Changez la base si votre site donne une autre taille de police à html.
- Vérifié sur des milliers de cas
- Sources : CSS Values and Units Module Level 4 (W3C)
- Mis à jour le 6 novembre 2026
16 px, sauf si votre CSS donne une autre taille à html.
Résultat
Points (pt)
Pourcentage (%)
Petit défi
Série 0Record 0
Testez-vous : chaque réponse est calculée par l'outil, et les mauvais choix sont les pièges les plus courants.
Comment ça marche
Formule: rem = px ÷ taille de police racine
En CSS, 1 rem vaut la taille de police de l'élément racine (html), quelle que soit la profondeur de l'élément ; le em, lui, dépend du parent. Donc rem = px ÷ taille racine, et px = rem × taille racine. Le CSS fixe aussi 1 px = 1/96 de pouce et 1 pt = 1/72 de pouce, d'où 1 pt = 4/3 px : 12 pt = 16 px. L'outil part de 16 px, la taille de texte habituelle des navigateurs par défaut ; un visiteur qui choisit un texte plus grand dans ses réglages la change, et les tailles en rem suivent son choix.
Exemples concrets
24 px avec une base de 16 px
24 ÷ 16 = 1,5 rem.
24 px avec une base de 10 px
24 ÷ 10 = 2,4 rem.
12 pt en pixels
12 × 4/3 = 16 px.
Erreurs fréquentes
Diviser par 10 alors que la base est de 16 px : 24 px = 2,4 rem.
Divisez par la vraie taille racine : 1,5 rem.
Utiliser des em imbriqués comme des rem : 1,5 em dans 1,5 em.
Les em se multiplient : 16 × 1,5 × 1,5 = 36 px. Avec des rem, 1,5 rem reste 24 px.
Traiter les points comme des pixels : 12 pt n'est pas 12 px.
1 pt = 4/3 px : 12 pt = 16 px.
Pixels en rem avec une base de 16 px
| Pixels | rem | Points |
|---|---|---|
| 10 px | 0,625 rem | 7,5 pt |
| 12 px | 0,75 rem | 9 pt |
| 14 px | 0,875 rem | 10,5 pt |
| 16 px | 1 rem | 12 pt |
| 18 px | 1,125 rem | 13,5 pt |
| 20 px | 1,25 rem | 15 pt |
| 24 px | 1,5 rem | 18 pt |
| 28 px | 1,75 rem | 21 pt |
| 32 px | 2 rem | 24 pt |
| 40 px | 2,5 rem | 30 pt |
| 48 px | 3 rem | 36 pt |
| 64 px | 4 rem | 48 pt |
Questions fréquentes
Combien de pixels fait 1 rem ?
Autant que la taille de police racine. Avec 16 px : 1 rem = 16 px, 0,75 rem = 12 px et 2 rem = 32 px.
rem ou em ?
Le rem se rapporte toujours à la taille de police de html : 1,5 rem vaut la même chose partout dans la page. Le em se rapporte au parent, donc des em imbriqués se multiplient.
Pourquoi utiliser rem plutôt que px ?
Les tailles en rem suivent la taille de texte choisie par le visiteur dans son navigateur ; les tailles de police en px ignorent ce choix, ce qui gêne les personnes qui ont besoin d'un texte plus grand.