Convertisseur de REM à PX

Pixels

px

px

REM

rem

rem

Basé sur la taille de police racine par défaut de 16 pixels.

px

Remify : Votre Outil de Conversion de Rem à Pixel

Profitez de cet outil de conversion en ligne gratuit pour convertir facilement n'importe quelle valeur de pixel en son équivalent dans l'unité CSS rem. En CSS, rem signifie em racine, une unité relative à la taille de police de l'élément HTML racine. Rem est largement préféré pour sa scalabilité par rapport aux pixels, garantissant des tailles de police et des espacements cohérents dans les conceptions d'IU. Dans le domaine de rem, 1rem correspond à la taille de police de l'élément HTML racine. Par défaut, la plupart des navigateurs définissent cette taille de police à 16px. Ainsi, un élément avec une valeur de 1rem équivaut à 16px. Cependant, si vous choisissez de modifier la taille de police racine d'un élément HTML, vous pouvez simplement saisir votre valeur souhaitée dans ce convertisseur pour une conversion bidirectionnelle précise des pixels aux rem et vice versa.

Comment Convertir REM en PX

Pour convertir des rems (rem) en pixels (px), vous pouvez utiliser la formule : rem = px / taille-de-police-racine. Par exemple, si la taille de police de l'élément HTML racine est de 16px par défaut et que vous souhaitez convertir 48px en rem, alors 48px équivaut à 3rem car 48 / 16 = 3.

REM vs PX

En CSS, la différence entre px et rem réside dans leur nature. px représente une unité scalable de longueur absolue, précisément définie comme 1/96ème de pouce. En revanche, rem, abréviation d'em racine, est une unité relative à la taille de police de l'élément HTML racine. L'inconvénient d'utiliser des px est leur potentiel à créer des barrières d'accessibilité, comme un dimensionnement incorrect de la taille de police dans les navigateurs. Ainsi, rem s'avère idéal en raison de sa scalabilité.

REM vs EM

En CSS, la distinction entre rem et em est cruciale. rem mesure par rapport à la taille de police de l'élément HTML racine, tandis que em mesure par rapport à la taille de police de l'élément HTML parent. Bien que rem et em offrent tous deux une scalabilité, les modifications de la taille de police d'un élément HTML parent spécifique affectent les éléments enfants utilisant des unités em à l'intérieur de ce conteneur, contrairement à ceux utilisant des unités rem. Par conséquent, rem émerge comme le choix préféré dans la plupart des scénarios, grâce à sa simplicité, sa cohérence et sa prévisibilité par rapport à em.

1 rem en px

est 16 px

3rem en px

est 48 px

6 rem en px

est 96 px

Tableaux de Conversion de REM à PX

PixelsREM
1
px
0.0625
rem
2
px
0.125
rem
3
px
0.1875
rem
4
px
0.25
rem
5
px
0.3125
rem
6
px
0.375
rem
7
px
0.4375
rem
8
px
0.5
rem
9
px
0.5625
rem
10
px
0.625
rem
11
px
0.6875
rem
12
px
0.75
rem
13
px
0.8125
rem
14
px
0.875
rem
15
px
0.9375
rem
16
px
1
rem
17
px
1.0625
rem
18
px
1.125
rem
19
px
1.1875
rem
20
px
1.25
rem
21
px
1.3125
rem
22
px
1.375
rem
23
px
1.4375
rem
24
px
1.5
rem
25
px
1.5625
rem
26
px
1.625
rem
27
px
1.6875
rem
28
px
1.75
rem
29
px
1.8125
rem
30
px
1.875
rem
31
px
1.9375
rem
32
px
2
rem
33
px
2.0625
rem
34
px
2.125
rem
35
px
2.1875
rem
36
px
2.25
rem
37
px
2.3125
rem
38
px
2.375
rem
39
px
2.4375
rem
40
px
2.5
rem
41
px
2.5625
rem
42
px
2.625
rem
43
px
2.6875
rem
44
px
2.75
rem
45
px
2.8125
rem
46
px
2.875
rem
47
px
2.9375
rem
48
px
3
rem
49
px
3.0625
rem
50
px
3.125
rem
51
px
3.1875
rem
52
px
3.25
rem
53
px
3.3125
rem
54
px
3.375
rem
55
px
3.4375
rem
56
px
3.5
rem
57
px
3.5625
rem
58
px
3.625
rem
59
px
3.6875
rem
60
px
3.75
rem
61
px
3.8125
rem
62
px
3.875
rem
63
px
3.9375
rem
64
px
4
rem
65
px
4.0625
rem
66
px
4.125
rem
67
px
4.1875
rem
68
px
4.25
rem
69
px
4.3125
rem
70
px
4.375
rem
71
px
4.4375
rem
72
px
4.5
rem
73
px
4.5625
rem
74
px
4.625
rem
75
px
4.6875
rem
76
px
4.75
rem
77
px
4.8125
rem
78
px
4.875
rem
79
px
4.9375
rem
80
px
5
rem
81
px
5.0625
rem
82
px
5.125
rem
83
px
5.1875
rem
84
px
5.25
rem
85
px
5.3125
rem
86
px
5.375
rem
87
px
5.4375
rem
88
px
5.5
rem
89
px
5.5625
rem
90
px
5.625
rem
91
px
5.6875
rem
92
px
5.75
rem
93
px
5.8125
rem
94
px
5.875
rem
95
px
5.9375
rem
96
px
6
rem
97
px
6.0625
rem
98
px
6.125
rem
99
px
6.1875
rem
100
px
6.25
rem
101
px
6.3125
rem
102
px
6.375
rem
103
px
6.4375
rem
104
px
6.5
rem
105
px
6.5625
rem
106
px
6.625
rem
107
px
6.6875
rem
108
px
6.75
rem
109
px
6.8125
rem
110
px
6.875
rem
111
px
6.9375
rem
112
px
7
rem
113
px
7.0625
rem
114
px
7.125
rem
115
px
7.1875
rem
116
px
7.25
rem
117
px
7.3125
rem
118
px
7.375
rem
119
px
7.4375
rem
120
px
7.5
rem
121
px
7.5625
rem
122
px
7.625
rem
123
px
7.6875
rem
124
px
7.75
rem
125
px
7.8125
rem
126
px
7.875
rem
127
px
7.9375
rem
128
px
8
rem
129
px
8.0625
rem
130
px
8.125
rem
131
px
8.1875
rem
132
px
8.25
rem
133
px
8.3125
rem
134
px
8.375
rem
135
px
8.4375
rem
136
px
8.5
rem
137
px
8.5625
rem
138
px
8.625
rem
139
px
8.6875
rem
140
px
8.75
rem
141
px
8.8125
rem
142
px
8.875
rem
143
px
8.9375
rem
144
px
9
rem
145
px
9.0625
rem
146
px
9.125
rem
147
px
9.1875
rem
148
px
9.25
rem
149
px
9.3125
rem
150
px
9.375
rem
151
px
9.4375
rem
152
px
9.5
rem
153
px
9.5625
rem
154
px
9.625
rem
155
px
9.6875
rem
156
px
9.75
rem
157
px
9.8125
rem
158
px
9.875
rem
159
px
9.9375
rem
160
px
10
rem
REMPixels
0.0625
rem
1
px
0.125
rem
2
px
0.1875
rem
3
px
0.25
rem
4
px
0.3125
rem
5
px
0.375
rem
6
px
0.4375
rem
7
px
0.5
rem
8
px
0.5625
rem
9
px
0.625
rem
10
px
0.6875
rem
11
px
0.75
rem
12
px
0.8125
rem
13
px
0.875
rem
14
px
0.9375
rem
15
px
1
rem
16
px
1.0625
rem
17
px
1.125
rem
18
px
1.1875
rem
19
px
1.25
rem
20
px
1.3125
rem
21
px
1.375
rem
22
px
1.4375
rem
23
px
1.5
rem
24
px
1.5625
rem
25
px
1.625
rem
26
px
1.6875
rem
27
px
1.75
rem
28
px
1.8125
rem
29
px
1.875
rem
30
px
1.9375
rem
31
px
2
rem
32
px
2.0625
rem
33
px
2.125
rem
34
px
2.1875
rem
35
px
2.25
rem
36
px
2.3125
rem
37
px
2.375
rem
38
px
2.4375
rem
39
px
2.5
rem
40
px
2.5625
rem
41
px
2.625
rem
42
px
2.6875
rem
43
px
2.75
rem
44
px
2.8125
rem
45
px
2.875
rem
46
px
2.9375
rem
47
px
3
rem
48
px
3.0625
rem
49
px
3.125
rem
50
px
3.1875
rem
51
px
3.25
rem
52
px
3.3125
rem
53
px
3.375
rem
54
px
3.4375
rem
55
px
3.5
rem
56
px
3.5625
rem
57
px
3.625
rem
58
px
3.6875
rem
59
px
3.75
rem
60
px
3.8125
rem
61
px
3.875
rem
62
px
3.9375
rem
63
px
4
rem
64
px
4.0625
rem
65
px
4.125
rem
66
px
4.1875
rem
67
px
4.25
rem
68
px
4.3125
rem
69
px
4.375
rem
70
px
4.4375
rem
71
px
4.5
rem
72
px
4.5625
rem
73
px
4.625
rem
74
px
4.6875
rem
75
px
4.75
rem
76
px
4.8125
rem
77
px
4.875
rem
78
px
4.9375
rem
79
px
5
rem
80
px
5.0625
rem
81
px
5.125
rem
82
px
5.1875
rem
83
px
5.25
rem
84
px
5.3125
rem
85
px
5.375
rem
86
px
5.4375
rem
87
px
5.5
rem
88
px
5.5625
rem
89
px
5.625
rem
90
px
5.6875
rem
91
px
5.75
rem
92
px
5.8125
rem
93
px
5.875
rem
94
px
5.9375
rem
95
px
6
rem
96
px
6.0625
rem
97
px
6.125
rem
98
px
6.1875
rem
99
px
6.25
rem
100
px
6.3125
rem
101
px
6.375
rem
102
px
6.4375
rem
103
px
6.5
rem
104
px
6.5625
rem
105
px
6.625
rem
106
px
6.6875
rem
107
px
6.75
rem
108
px
6.8125
rem
109
px
6.875
rem
110
px
6.9375
rem
111
px
7
rem
112
px
7.0625
rem
113
px
7.125
rem
114
px
7.1875
rem
115
px
7.25
rem
116
px
7.3125
rem
117
px
7.375
rem
118
px
7.4375
rem
119
px
7.5
rem
120
px
7.5625
rem
121
px
7.625
rem
122
px
7.6875
rem
123
px
7.75
rem
124
px
7.8125
rem
125
px
7.875
rem
126
px
7.9375
rem
127
px
8
rem
128
px
8.0625
rem
129
px
8.125
rem
130
px
8.1875
rem
131
px
8.25
rem
132
px
8.3125
rem
133
px
8.375
rem
134
px
8.4375
rem
135
px
8.5
rem
136
px
8.5625
rem
137
px
8.625
rem
138
px
8.6875
rem
139
px
8.75
rem
140
px
8.8125
rem
141
px
8.875
rem
142
px
8.9375
rem
143
px
9
rem
144
px
9.0625
rem
145
px
9.125
rem
146
px
9.1875
rem
147
px
9.25
rem
148
px
9.3125
rem
149
px
9.375
rem
150
px
9.4375
rem
151
px
9.5
rem
152
px
9.5625
rem
153
px
9.625
rem
154
px
9.6875
rem
155
px
9.75
rem
156
px
9.8125
rem
157
px
9.875
rem
158
px
9.9375
rem
159
px
10
rem
160
px