Conversor de PX a REM
Convierte píxeles, rem y em al instante y consulta una tabla CSS práctica.
Tabla de referencia
1px = 0.0625rem 2px = 0.125rem 3px = 0.1875rem 4px = 0.25rem 5px = 0.3125rem 6px = 0.375rem 7px = 0.4375rem 8px = 0.5rem 9px = 0.5625rem 10px = 0.625rem 11px = 0.6875rem 12px = 0.75rem 13px = 0.8125rem 14px = 0.875rem 15px = 0.9375rem 16px = 1rem 17px = 1.0625rem 18px = 1.125rem 19px = 1.1875rem 20px = 1.25rem 21px = 1.3125rem 22px = 1.375rem 23px = 1.4375rem 24px = 1.5rem 25px = 1.5625rem 26px = 1.625rem 27px = 1.6875rem 28px = 1.75rem 29px = 1.8125rem 30px = 1.875rem 31px = 1.9375rem 32px = 2rem 33px = 2.0625rem 34px = 2.125rem 35px = 2.1875rem 36px = 2.25rem 37px = 2.3125rem 38px = 2.375rem 39px = 2.4375rem 40px = 2.5rem 41px = 2.5625rem 42px = 2.625rem 43px = 2.6875rem 44px = 2.75rem 45px = 2.8125rem 46px = 2.875rem 47px = 2.9375rem 48px = 3rem 49px = 3.0625rem 50px = 3.125rem 51px = 3.1875rem 52px = 3.25rem 53px = 3.3125rem 54px = 3.375rem 55px = 3.4375rem 56px = 3.5rem 57px = 3.5625rem 58px = 3.625rem 59px = 3.6875rem 60px = 3.75rem 61px = 3.8125rem 62px = 3.875rem 63px = 3.9375rem 64px = 4rem
Cómo usarlo
- Introduce un valor y elige su unidad.
- Configura el tamaño de fuente base del proyecto.
- Usa el resultado o copia la tabla.
Acerca de esta herramienta
Los píxeles son cómodos para medir un diseño, mientras que rem y em ayudan a crear un CSS adaptable. Este conversor traduce los valores en ambas direcciones. REM se calcula a partir del tamaño de fuente raíz: con una base de 16 píxeles, 1rem equivale a 16px y 24px equivale a 1,5rem. Aquí em usa la misma relación matemática, aunque en el navegador puede heredar del elemento actual y depender del contexto. Cambia la base si tu proyecto utiliza otro tamaño raíz o permite que cada persona ajuste la tipografía. La tabla de 1 a 64 píxeles funciona como referencia rápida para valores habituales de un sistema de diseño. Mostramos cuatro decimales para conservar precisión sin llenar el CSS de números difíciles de leer. Al volver de rem a píxeles se multiplica por la base elegida, no por una suposición fija de 16px. Rem suele ser apropiado para espacios y texto que deben seguir la escala raíz; em puede servir para relaciones internas de un componente. Todos los cálculos ocurren en el navegador, sin subir archivos ni datos del proyecto. En una interfaz responsive conviene comparar la base elegida con la regla root real del proyecto. Así la tabla representa tu sistema de diseño y no una conversión genérica separada de las decisiones del CSS.
Preguntas frecuentes
Herramientas relacionadas
Calculadora de relación de aspecto
Calcula dimensiones proporcionales para 16:9, 4:3, cuadrado, vertical, cine y relaciones personalizadas.
Previsualizador Open Graph
Previsualiza tarjetas de Twitter, Discord, Telegram y LinkedIn y genera etiquetas Open Graph.
Generador de placeholders
Crea placeholders SVG y URI de datos con dimensiones, colores, etiquetas y fuente personalizadas.