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

Convertidor de PX a REM con base de 10px

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 el tamaño de fuente base preestablecido en 10px. Esa es la configuración clásica de html {font-size: 62.5% }: el 62.5% del valor predeterminado del navegador de 16px es exactamente 10px, por lo que los valores rem se vuelven trivialmente legibles: 14px es 1.4rem, 18px es 1.8rem, 24px es 2.4rem.

Los equipos adoptan la base de 10px precisamente para evitar dieciseisavos incómodos: en lugar de recordar que 14px son 0,875rem, simplemente mueves el punto decimal. Debido a que el truco utiliza un porcentaje en lugar de un valor de píxel fijo, aún respeta el tamaño de fuente que un usuario establece en las preferencias del navegador, que es, en primer lugar, todo el argumento de accesibilidad para las unidades rem.

Escriba cualquier valor de píxel para obtener su equivalente rem en la base de 10 px junto con una línea CSS lista para copiar, y consulte la tabla de referencia a continuación para ver toda la escala de 1 a 64 px ya convertida. Si su proyecto utiliza un tamaño de raíz diferente, cambie el campo base y todo seguirá en vivo.

🛡️
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%).