Convertidor de PX a REM
Remify: Tu Herramienta Convertidora de Píxeles a Rem
Aprovecha esta herramienta convertidora gratuita en línea para convertir sin esfuerzo cualquier valor de píxel a su equivalente en la unidad de CSS rem. En CSS, rem significa em raíz, una unidad relativa al tamaño de fuente del elemento HTML raíz. Rem es ampliamente preferido por su escalabilidad sobre los píxeles, asegurando tamaños de fuente y espaciado consistentes en los diseños de IU. En el ámbito de rem, 1rem corresponde al tamaño de fuente del elemento HTML raíz. Por defecto, la mayoría de los navegadores establecen este tamaño de fuente en 16px. Por lo tanto, un elemento con un valor de 1rem equivale a 16px. Sin embargo, si optas por alterar el tamaño de fuente raíz de un elemento HTML, simplemente puedes ingresar tu valor deseado en este convertidor para una conversión bidireccional precisa de píxeles a rem y viceversa.
Cómo Convertir PX a REM
Para convertir px a rem, utiliza la fórmula rem = px / tamaño-de-fuente-raíz (el tamaño de fuente del elemento HTML raíz). Por ejemplo, si el tamaño de fuente del elemento HTML raíz es 16px por defecto y quieres convertir 48px a rem, entonces 48px equivale a 3rem porque 48 / 16 = 3.
PX vs REM
En CSS, la discrepancia entre px y rem radica en su naturaleza. px representa una unidad escalable de longitud absoluta, precisamente definida como 1/96 de pulgada. Por el contrario, rem, abreviatura de em raíz, es una unidad relativa al tamaño de fuente del elemento HTML raíz. La desventaja de usar px es su potencial para crear barreras de accesibilidad, como una escala de tamaño de fuente incorrecta en los navegadores. Por lo tanto, rem resulta ideal debido a su escalabilidad.
REM vs EM
En CSS, la distinción entre rem y em es crucial. rem mide en relación al tamaño de fuente del elemento HTML raíz, mientras que em mide en relación al tamaño de fuente del elemento HTML padre. Aunque tanto rem como em ofrecen escalabilidad, las alteraciones en el tamaño de fuente de un elemento HTML padre específico afectan a los elementos secundarios que usan unidades em dentro de ese contenedor, a diferencia de aquellos que usan unidades rem. Por lo tanto, rem emerge como la opción preferida en la mayoría de los escenarios, gracias a su simplicidad, consistencia y previsibilidad en comparación con em.
Tablas de Conversión de PX a REM
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 |