Convertisseur de REM à 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
Pixels | REM |
---|---|
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 |
REM | Pixels |
---|---|
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 |