Convertidor de PX a REM
Convierte px a rem con un control deslizante de tamaño base. Tabla de conversión en vivo y fragmento de CSS listo para copiar.
Respuesta rápida: Convierte px a rem con un control deslizante de tamaño base. Tabla de conversión en vivo y fragmento de CSS listo para copiar.
Última actualización
Preguntas frecuentes
- ¿Cómo convierto px a rem?
- Escribe el valor en píxeles en la entrada. El valor rem aparece inmediatamente basado en el tamaño base que has elegido (por defecto 16). Usa el control deslizante para cambiar la base.
- ¿Qué es rem en CSS?
- Un rem (root em) es una unidad relativa al tamaño de fuente del elemento raíz. Con el tamaño raíz de 16 px por defecto, 1 rem equivale a 16 px, por lo que los espacios escalan cuando los usuarios cambian el tamaño del texto en su navegador.
- ¿Qué tamaño de fuente base debo usar?
- 16 px es el valor por defecto del navegador y la opción más respetuosa: escala con las preferencias del usuario. Algunos equipos usan 10 px (el truco del "62.5%") para facilitar los cálculos, pero sobreescribe la configuración del usuario.
- ¿Es rem mejor que px?
- Rem es mejor para tipografía y diseño que debe respetar la preferencia de tamaño de texto del usuario. Px está bien para bordes, líneas delgadas y pequeños detalles que no deben escalar.
- ¿Cómo convierto rem a px?
- Multiplica el valor rem por el tamaño de fuente raíz (por defecto 16). 1.25 rem en una raíz de 16 px es 20 px.
- ¿Cómo hago que la tipografía sea responsive?
- Configura el tamaño de fuente del cuerpo en rem, luego usa valores rem para todo el texto y espaciado. Combínalo con CSS clamp() para un escalado fluido entre puntos de interrupción.
- ¿Cuál es la diferencia entre em y rem?
- em es relativo al tamaño de fuente del elemento padre; rem es relativo al elemento raíz. rem es más predecible para el diseño porque no se compone a través de elementos anidados.
- ¿Por qué mis valores rem parecen raros?
- Redondea a 2-3 decimales para obtener valores limpios. Si necesitas una cuadrícula de píxeles perfecta, usa una base donde los valores en px se dividan de manera limpia: 16 funciona bien.
- ¿Puedo generar una tabla de px a rem?
- Sí. La tabla a la derecha muestra valores comunes en px y sus equivalentes en rem. Copia el fragmento CSS de cualquier fila con un solo clic.
- ¿Es gratis este convertidor de px a rem?
- Sí — gratis, sin registro, sin límites.