Saltar al contenido
ToolsMinify logo
Convertidores

Convertidor PX a REM

Convierte longitudes CSS entre px, rem y em con un tamano de fuente base configurable (los navegadores usan 16px por defecto).

Acerca de Convertidor PX a REM

Convierte longitudes CSS entre px, rem y em con un tamano de fuente base configurable (los navegadores usan 16px por defecto). Escribe cualquier valor y las demas unidades se actualizan al instante; luego copia CSS listo para pegar como `1.5rem`. Una tabla de referencia rapida lista tamanos de pixel comunes con tu base actual - util para escalas tipo Tailwind y pruebas de font-size raiz. Todo corre en tu navegador. Combinalo con el Convertidor HEX a RGB o el Convertidor de Pixeles a Pulgadas.

Cómo usar Convertidor PX a REM

  1. Define el tamano de fuente base en px (16 por defecto) o elige un preset como 14 o 18.
  2. Introduce un valor en px, rem o em - los otros dos campos se actualizan solos.
  3. Copia unidades sueltas o las tres a la vez para tu hoja de estilos.
  4. Usa la tabla de referencia rapida para tamanos comunes con la base actual. Nada se sube.

Ejemplos de Convertidor PX a REM

16px con base 16px

16px = 1rem = 1em cuando la fuente base es 16px (el valor por defecto del navegador).

24px a rem

24px / 16 = 1.5rem. Util para titulos medianos y tokens de espaciado.

Root personalizado de 10px

Si html { font-size: 10px }, entonces 20px = 2rem. Cambia la base a 10 y convierte.

Texto body 0.875rem

0.875rem con base 16px equivale a 14px - un cuerpo pequeno habitual.

Casos de uso comunes

  • Pasar valores px del diseno a rem para CSS fluido
  • Comprobar rem y em frente a un font-size raiz personalizado
  • Crear o auditar una escala de espaciado con la tabla de referencia
  • Traducir pasos tipo Tailwind a tokens rem
  • Comparar em y rem con la misma base de referencia

Preguntas frecuentes sobre Convertidor PX a REM

Como convierto px a rem?
Divide los pixeles entre el tamano de fuente raiz en px. Con base 16px, rem = px / 16. Ejemplo: 24px / 16 = 1.5rem. La herramienta hace el calculo al escribir.
Cual es la diferencia entre rem y em?
rem es relativo al font-size del elemento raiz. em es relativo al del padre. Aqui ambos usan tu base elegida para compararlos con un solo tamano de referencia.
Que tamano de fuente base debo usar?
La mayoria de navegadores usan 16px si html no define font-size. Si tu sistema usa html { font-size: 62.5% } o 10px / 18px, introduce ese valor en pixeles como base.
Puedo convertir rem o em de vuelta a px?
Si. Introduce un valor rem o em y el campo px se actualiza. Formula: px = rem (o em) multiplicado por la fuente base.
Para que sirve la tabla de referencia rapida?
Lista tamanos px comunes (de 4 a 96) con rem y em segun tu base actual para revisar una escala sin escribir cada valor.
Mis datos salen del dispositivo?
No. El Convertidor PX a REM corre solo en tu navegador. Los valores no se suben ni se guardan en un servidor.

Herramientas relacionadas

Convertidor de píxeles a pulgadas

Convierte píxeles a pulgadas y pulgadas a píxeles usando DPI (PPI). Incluye ejemplos listos para impresión para web y diseño a 300 DPI.

Convertidor de HEX a RGB

Convierte HEX a RGB (y viceversa) con HSL, CMYK, rampa de tintas y sombras, tarjetas de contraste WCAG y un snippet de tokens CSS: convertidor de códigos de color gratis online.

Convertidor RGB a HSL

Convierte RGB a HSL y HSL a RGB al instante. Convertidor de color gratis con muestra en vivo y CSS rgb() y hsl() listo para copiar.

Generador de Gradientes CSS

Crea gradientes CSS lineales, radiales y conicos con vista previa en vivo. Elige paradas de color, copia el CSS de background y pegalo en tu hoja de estilos. Corre en tu navegador.