⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Convertir 24px a REM

Convierta px a rem, rem a px y px a em en cualquier tamaño de fuente base, con una línea CSS lista para copiar y una tabla de referencia en vivo.

Procesando... 0%

Resultado

Esta página abre el convertidor con 24 ya ingresado: con el tamaño de fuente base predeterminado de 16px, 24px es exactamente 1,5rem, porque 24 dividido por 16 es 1,5. Tamaño de fuente de la línea CSS: 1,5rem; está listo para copiar en el momento en que se carga la página.

Veinticuatro píxeles es un tamaño de caballo de batalla: un tamaño de fuente típico h3 o de cuerpo grande, una dimensión de icono estándar y uno de los pasos de espaciado más utilizados en cuadrículas de 8 puntos. Su valor limpio de 1,5 rem en la base predeterminada lo convierte en el ancla favorita al convertir un diseño de píxeles a unidades rem.

Si el tamaño de fuente raíz es diferente, escriba la base real (en una raíz de 10 px, los mismos 24 px se convierten en 2,4 rem) y consulte la tabla de referencia a continuación para conocer los tamaños vecinos de 20, 32 y 48 px convertidos al mismo tiempo. Todo se ejecuta en vivo en su navegador.

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se realiza completamente sin conexión. 100% seguro.

Formatos y reglas aceptados

  • Tres direcciones en un selector: px → rem, rem → px y px → em.
  • Tamaño de fuente base ajustable (16px por defecto) aplicado al resultado y a cada fila de la tabla.
  • Tabla de referencia para tamaños comunes de 1 a 64 px, recalculada para la base actual con la fila de la base resaltada.

Beneficios clave

✓ El valor convertido, la línea CSS y la tabla de referencia se actualizan en vivo a medida que escribe, sin necesidad de presionar ningún botón.
✓ El tamaño de fuente base es ajustable, por lo que los proyectos con base de 10 píxeles y las escalas tipográficas personalizadas funcionan tan bien como el valor predeterminado de 16 píxeles.
✓ Se ejecuta completamente en su navegador: no se carga nada y la línea CSS lista para copiar está a un clic de distancia.

Casos de uso

  • • Convierte un valor de píxel de una maqueta de diseño en el valor remoto que necesita la hoja de estilo.
  • • Convierta los valores rem del CSS de otra persona a píxeles para que coincidan con una especificación.
  • • Vuelva a trabajar una escala tipográfica completa después de cambiar al tamaño de fuente raíz de 10 píxeles (62,5%).