Calculateur de conversion px vers rem
Rédigé par Thierno Sadou Diallo, formule vérifiée selon notre méthodologie • Mis à jour le 17/08/2026
La conversion px vers rem se calcule avec valeur en px ÷ taille de police de référence (16px par défaut dans les navigateurs). 24px correspond ainsi à 1,5 rem avec la base par défaut.
Explication
L'unité `rem` (« root em ») exprime une taille toujours relative à la taille de police de l'élément racine du document (`html`), qui vaut 16px par défaut dans tous les navigateurs modernes, sauf si le site la modifie explicitement. Contrairement aux pixels, une valeur en `rem` s'adapte automatiquement si l'utilisateur augmente la taille de police par défaut de son navigateur — un réglage d'accessibilité important pour les personnes malvoyantes — ce qui explique pourquoi `rem` est aujourd'hui largement recommandé pour la taille du texte en CSS plutôt que des pixels fixes. Certains sites choisissent délibérément de fixer la taille de référence à 10px sur l'élément racine (via `font-size: 62.5%`, puisque 62,5 % de 16px égale 10px), ce qui simplifie le calcul mental : 1,6 rem devient alors 16px, 2,4 rem devient 24px, etc. — d'où le champ « taille de référence » ajustable dans ce calculateur, plutôt qu'une base figée à 16px. Cette calculatrice se limite volontairement à la conversion vers `rem` : l'unité `em`, elle, est relative à la taille de police de l'élément PARENT (qui varie selon l'endroit du document), pas à la racine — un calcul unique ne peut donc pas donner une valeur `em` fiable de façon générale.
Exemple : 24px avec la base par défaut de 16px
Données d'entrée
Valeur en pixels : 24px. Taille de référence : 16px.
Calcul
Valeur en rem = 24 ÷ 16 = 1,5 rem.
Résultat
24px équivaut à 1,5 rem, avec une taille de référence de 16px.
Questions fréquentes
Pourquoi utiliser rem plutôt que px en CSS ?
Parce qu'une valeur en `rem` respecte les préférences d'accessibilité de l'utilisateur : si une personne augmente la taille de police par défaut de son navigateur pour mieux lire, tous les éléments dimensionnés en `rem` s'agrandissent proportionnellement, contrairement à des tailles fixées en pixels qui restent identiques quel que soit ce réglage.
Pourquoi certains sites utilisent-ils une base de 10px au lieu de 16px ?
Pour simplifier le calcul mental entre pixels et rem : avec `font-size: 62.5%` sur l'élément racine (62,5 % de 16px = 10px), chaque valeur en rem correspond directement à un dixième de sa valeur en pixels (1,6 rem = 16px), ce qui est plus intuitif à manipuler qu'avec une base de 16px.
Quelle est la différence entre rem et em ?
`rem` est toujours relatif à la taille de police de l'élément racine du document, une seule et même référence partout. `em` est relatif à la taille de police de l'élément parent direct, qui peut varier d'un endroit à l'autre de la page — ce qui rend `em` plus adapté à des espacements internes proportionnels au texte d'un composant précis, et `rem` plus prévisible pour une taille de police globale.