Convertir px en rem

Cet outil permet de convertir px en rem (et inversement) : saisissez une valeur, ajustez la taille de base et obtenez rem, em, pt, pourcentage et vw, avec un tableau des tailles courantes.

Exemple : Valeur 24 · Unité de la valeur: px (pixels) · Taille de police de l'élément racine (rem) 16 px · Taille de police de l'élément parent (em, %) 16 px · Largeur de la fenêtre (vw) 1 440 px → Résultat : 24 px = 1,5 rem. Source : W3C – CSS Values and Units Module Level 4: absolute lengths (1in = 96px = 72pt) et font-relative lengths (em, rem). Mise à jour : 2 octobre 2026.

Valeur

Unité de la valeur

Taille de police de l'élément racine (rem)

valeur par défaut du navigateur : 16 px

Taille de police de l'élément parent (em, %)

en général identique à la racine

Largeur de la fenêtre (vw)

par ex. 1440 sur ordinateur, 390 sur mobile

Ma boîte à outilsVos saisies sont enregistrées uniquement dans ce navigateur.

Résultat

Résultat: 24 px = 1,5 rem
Toutes les unités: Unité Valeur CSS
Pixels (px) 24 px 24px
rem (police racine) 1,5 rem 1.5rem
em (police parente) 1,5 em 1.5em
Points (pt) 18 pt 18pt
Pourcentage (%) 150 % 150%
vw (largeur de fenêtre) 1,6667 vw 1.6667vw
Tailles de police courantes: px rem em pt
10 0,625 0,625 7,5
12 0,75 0,75 9
14 0,875 0,875 10,5
15 0,9375 0,9375 11,25
16 1 1 12
18 1,125 1,125 13,5
20 1,25 1,25 15
22 1,375 1,375 16,5
24 1,5 1,5 18
28 1,75 1,75 21
32 2 2 24
36 2,25 2,25 27
40 2,5 2,5 30
48 3 3 36
56 3,5 3,5 42
64 4 4 48
72 4,5 4,5 54
96 6 6 72; Calculé avec une police racine de 16 px et une police parente de 16 px. rem suit la taille choisie par l'utilisateur dans son navigateur ; px reste fixe.

Unité	Valeur	CSS
Pixels (px)	24 px	24px
rem (police racine)	1,5 rem	1.5rem
em (police parente)	1,5 em	1.5em
Points (pt)	18 pt	18pt
Pourcentage (%)	150 %	150%
vw (largeur de fenêtre)	1,6667 vw	1.6667vw

px	rem	em	pt
10	0,625	0,625	7,5
12	0,75	0,75	9
14	0,875	0,875	10,5
15	0,9375	0,9375	11,25
16	1	1	12
18	1,125	1,125	13,5
20	1,25	1,25	15
22	1,375	1,375	16,5
24	1,5	1,5	18
28	1,75	1,75	21
32	2	2	24
36	2,25	2,25	27
40	2,5	2,5	30
48	3	3	36
56	3,5	3,5	42
64	4	4	48
72	4,5	4,5	54
96	6	6	72

Comment le calcul est fait

Avec les 16 px par défaut du navigateur, 24 px font exactement 1,5 rem. La formule est rem = px / taille de base, et inversement px = rem · taille de base.

Comment ça se calcule

rem est relatif à la taille de police de l'élément racine (html), em à celle de l'élément parent. 1 pt vaut 1/72 de pouce et 1 px 1/96 de pouce, donc 1 pt = 4/3 px ; 12 pt font 16 px. Un pourcentage de taille de police se rapporte à la police parente. 1 vw vaut 1 % de la largeur de la fenêtre. L'outil convertit d'abord votre valeur en px, puis dans toutes les autres unités.

Bon à savoir

Si un visiteur a agrandi la police du navigateur, les valeurs en rem suivent automatiquement alors que px reste fixe (accessibilité, WCAG 1.4.4).
Si votre CSS définit html { font-size: 62.5% }, 1 rem = 10 px. Saisissez alors 10 comme taille de base.
em se cumule : 1,5 em dans un élément à 1,5 em donne 2,25 fois. rem évite ce piège.
rem est courant pour les espacements et les tailles de police, px garde son sens pour les filets et les bordures.

Questions fréquentes

Comment convertir px en rem ?

Divisez la valeur en px par la taille de police de base. Avec 16 px : 24 px / 16 = 1,5 rem.

Combien de px fait 1 rem ?

16 px par défaut, car les navigateurs règlent ainsi la police racine. Si l'utilisateur change la police du navigateur ou si font-size est défini sur html, la valeur change.

Quelle différence entre em et rem ?

rem se rapporte toujours à la police racine (html), em à celle de l'élément parent. Les valeurs em peuvent donc se multiplier dans des éléments imbriqués.

Combien de pt font 16 px ?

12 pt, car 1 pt = 4/3 px. Inversement, 10 pt font environ 13,33 px.

Sources et références juridiques

Dernière mise à jour : 2 octobre 2026 · Principes éditoriaux