Cómo usar
- Confirme el
html font-sizede su proyecto en el campo Tamaño base. El valor predeterminado común es 16px. - Escriba un valor de diseño como
24en la entrada PX. - La entrada REM se actualiza instantáneamente a
1.5rem; también puedes escribir2rempara obtener32px. - Utilice la siguiente hoja de referencia para tamaños de fuente comunes, valores de espaciado y referencias de espaciado de Tailwind.
Características principales
- Conversión bidireccional instantánea: escriba PX o REM y obtenga el valor opuesto inmediatamente, sin botón de cálculo.
- Tamaño de fuente base personalizado: comience con 16 px o cambie a 10 px, 14 px o cualquier tamaño de raíz específico del proyecto.
- Hoja de referencia incorporada: los tamaños comunes se actualizan con su tamaño base, incluidos los equivalentes de 12 px, 16 px, 24 px y 32 px.
- Referencia de espaciado de Tailwind: consulta los tokens de espaciado de Tailwind comunes para conocer los valores de píxeles coincidentes.
- Local y rápido: todos los cálculos se ejecutan en la memoria del navegador sin solicitudes de red.
Herramientas relacionadas
La calculadora FIRE 2026 definitiva con ajuste por inflación. Evita números ilusorios simulando el crecimiento del interés compuesto con poder adquisitivo real. Analiza las brechas de ahorro y exporta a CSV para tus paneles en Excel o Notion. 100% privada con cálculos locales.
Calcula el tamaño de tu posición de trading a partir del capital de la cuenta, el riesgo %, el precio de entrada y el stop-loss. Funciona localmente en tu navegador para comparar escenarios de riesgo antes de operar.
Calcula el interés compuesto a partir del capital inicial, las aportaciones periódicas, el rendimiento anual y los años de inversión. Visualiza el capital, el interés generado y el saldo final con un gráfico interactivo local.
Usa la calculadora de préstamos e hipotecas para calcular el pago mensual, el total de intereses y la tabla de amortización localmente. Introduce el importe, la tasa y el plazo para calcular ahora con gráficos interactivos.
Usa la calculadora de inversión y ROI para estimar el capital inicial, aportaciones periódicas, rendimiento anual y resultados ajustados por inflación localmente. Visualiza tus rendimientos futuros con un gráfico interactivo, ROI y un plan anual detallado.
Usa la calculadora de APR a APY para realizar conversiones bidireccionales de APR y APY de forma local en tu navegador. Introduce una tasa, elige la frecuencia de capitalización y obtén la tasa de interés efectiva, la diferencia y una tabla comparativa de frecuencias al instante.
Usa la calculadora de margen de beneficio para calcular el beneficio bruto, Markup, Margen y precio de venta de forma local en tu navegador. Introduce el coste y el precio, o el coste y el margen objetivo para calcular al instante.
Calcula el gasto publicitario, impresiones, clics, CPM, CPC y CTR localmente en tu navegador. Introduce el presupuesto y los costes objetivo para planificar escenarios de campañas al instante.
Lógica de cálculo
- Fórmula de PX a REM:
REM = PX / Base Size. - Fórmula REM a PX:
PX = REM × Base Size. - Con el tamaño de raíz predeterminado del navegador,
16px = 1remy24px = 1.5rem.
Preguntas frecuentes
¿Cuántos píxeles tiene 1rem?
En la mayoría de los navegadores, 1rem equivale a 16px de forma predeterminada. Si su proyecto cambia html { font-size }, use ese tamaño de raíz en su lugar.
¿Cuál es la diferencia entre PX y REM?
PX es una unidad de píxeles absoluta. REM es relativo al tamaño de fuente raíz, lo que ayuda a que los diseños respeten las preferencias de tamaño de fuente del usuario.
¿Por qué algunos proyectos utilizan una base de 10px?
Algunos equipos configuran html { font-size: 62.5%; } de modo que 1rem sea aproximadamente 10 px para facilitar el cálculo mental. Considere la accesibilidad antes de adoptarla.
¿Esto también convierte EM?
No. Esta herramienta se centra en PX y REM. EM depende del tamaño de fuente del elemento actual, por lo que no debe tratarse como la misma conversión.
¿Se ha subido algún CSS o datos de diseño?
No. La conversión ocurre localmente en su navegador sin cálculo del servidor ni carga de archivos.