Convertisseur px–rem

Convertissez des longueurs CSS entre px, rem, em, pt et d’autres unités. rem et em dépendent d’une taille de police de référence : vous saisissez donc la référence avec laquelle convertir.

Valeur (négatif accepté)

Convertir depuis (unité de la valeur)

Convertir vers (unité à afficher en grand)

Référence rem (font-size de l’élément racine, html)

Référence em (font-size de l’élément)

La valeur de départ de 16px est la taille de police par défaut de la plupart des navigateurs. Ce n’est pas une valeur fixée par la spécification CSS, et elle varie selon les réglages de l’utilisateur et le CSS du site. Vous pouvez modifier les deux références. Elles n’affectent pas une conversion qui ne fait pas intervenir rem ou em.

Valeur convertie —

Comment les unités CSS se convertissent

Les unités absolues CSS (px, pt, pc, in, cm, mm, Q) sont définies dans la spécification W3C CSS Values and Units, comme suit.

Unité	Définition	En px
in (pouce)	1in = 2.54cm = 96px	96 px
px (pixel)	1px = 1/96 in	1 px
pt (point)	1pt = 1/72 in	4/3 px (environ 1,3333 px)
pc (pica)	1pc = 1/6 in (12pt)	16 px
cm (centimètre)	1in = 2.54cm	environ 37,7953 px
mm (millimètre)	1cm = 10mm	environ 3,77953 px
Q (quart de millimètre)	1Q = 1/40 cm	environ 0,944882 px

Le calcul utilise des fractions exactes. Une valeur qui ne tombe pas juste (comme cm, mm ou Q en px) est signalée « valeur arrondie ».

rem et em dépendent d’une taille de police de référence

rem est relatif au font-size de l’élément racine (html). Avec une référence de 16px, 1rem = 16px. Si vous définissez html { font-size: 62.5% }, la référence devient 10px (lorsque la valeur par défaut du navigateur est 16px), et 1.6rem = 16px.
em est relatif au font-size de l’élément sur lequel il est utilisé. L’exception est la propriété font-size elle-même : lorsque em est utilisé dans font-size, il se réfère au font-size hérité de l’élément parent (c’est ce que dit la spécification W3C). Dans des propriétés comme padding et margin, em se réfère au font-size de l’élément lui-même.
Les valeurs em imbriquées (par exemple, 1.2em dans un autre 1.2em, ce qui se multiplie en 1.44) ne sont pas calculées ici. Saisissez le font-size calculé (réel) comme référence.

La valeur de départ de 16px n’est qu’une valeur par défaut pratique. Cet outil convertit avec la référence (en px) que vous saisissez, et une autre référence donne un autre résultat en rem ou en em.

Un pixel CSS n’est pas un pixel d’écran

Un px CSS n’est pas un pixel physique d’un écran (un pixel de l’appareil). C’est un pixel de référence défini comme 1/96 de pouce. Sur un écran à haute densité, un pixel CSS peut être dessiné avec plusieurs pixels de l’appareil (par exemple, 2 × 2).

Exemples

16px = 1rem = 1em = 12pt (avec une référence de 16px)
24px = 2.4rem (avec une référence de 10px)
1.6rem = 16px (avec une référence de 10px)
1in = 96px = 72pt = 6pc = 2.54cm
10mm ≈ 37.79528px
0.75pt = 1px

Remarques

Les unités qui dépendent de la taille de l’écran, de la taille du parent ou de la forme de la police (vw, vh, %, ch, ex, etc.) ne peuvent pas être converties à partir d’un simple nombre : elles ne sont donc pas incluses.
La valeur peut comporter 12 chiffres au plus avant la virgule et 6 décimales, et peut être négative (le CSS admet des longueurs négatives, comme margin: -10px). Une référence doit être supérieure à 0. Les espaces servent de séparateurs de milliers (1 234,5) ; utilisez la virgule comme séparateur décimal.
Les résultats sont affichés avec 7 chiffres significatifs. Vous pouvez copier la valeur telle qu’affichée ou avec 15 chiffres significatifs.

Sources

W3C, CSS Values and Units Module Level 3 : les définitions des unités de longueur absolues, ainsi que de em et rem (vérifiées le 31 octobre 2026 ; la page était le Candidate Recommendation Draft du 22 mars 2024). Il indique rem comme le font-size de l’élément racine, et em comme le font-size calculé de l’élément, ou du parent lorsqu’il est utilisé dans la propriété font-size.

Questions fréquentes

Combien de px fait 1rem ?

Cela dépend du font-size de l’élément racine (html). Avec une référence de 16px, c’est 16px, mais si le font-size de html change, la taille de 1rem change aussi. Saisissez votre référence pour convertir.

Dois-je utiliser px ou pt ?

px et rem sont courants pour les écrans. pt est plus souvent utilisé en CSS pour l’impression. Comme 1pt = 4/3 px, 12pt font 16px.

Quelle est la différence entre em et rem ?

rem est relatif au font-size de l’élément racine : il a donc la même taille où que vous l’utilisiez. em est relatif au font-size de l’endroit où il est utilisé : des éléments imbriqués peuvent donc modifier sa taille.