Ir a la herramienta
JoeLucky

Haz clic en ★ para guardar una herramienta

Categorías de herramientas

Código a imagenGenerador de degradados CSSGlassmorphism CSSGenerador de box-shadowGenerador de loaders CSSGenerador de blobs SVGSVG a PNGVerificador de contraste de colorConversor PX / REM / EM
JoeLucky

Herramientas en línea prácticas, todas en un solo lugar

Política de privacidadTérminos del servicio

© 2026 JoeLucky®. Todos los derechos reservados.

  1. JoeLucky
  2. /CSS y diseño
  3. /Conversor PX / REM / EM

Conversor PX / REM / EM

Convierte entre px, rem y em con un tamaño de fuente raíz personalizado, también en modo lista por lotes.

El rem siempre se calcula en relación con este tamaño de fuente raíz.

El em se calcula en relación con este tamaño de fuente padre/de contexto independiente, no con el tamaño raíz de arriba.

px

16

rem

1

em

1

CSS Y DISEÑO SIMILARES

Ver todas
Código a imagen

Convierte fragmentos de código en capturas de pantalla atractivas.

Abrir →
Generador de degradados CSS

Diseña degradados lineales, radiales y cónicos y copia el CSS al instante.

Abrir →
Glassmorphism CSS

💬 Comentarios

?

Aún no hay comentarios. ¡Sé el primero!

¿QUÉ ES Conversor PX / REM / EM?

El conversor PX/REM/EM convierte entre las tres unidades CSS — rem es relativo al tamaño de fuente raíz, mientras que em es relativo a un tamaño de fuente de contexto ajustable por separado.

¿Cómo se usa?

  1. Ajusta el tamaño de fuente raíz y el tamaño de fuente de contexto según necesites.
  2. Alterna entre el modo de valor único y el de lista por lotes para convertir.

Preguntas frecuentes

¿Cuál es la diferencia real entre rem y em?

rem siempre es relativo al tamaño de fuente del elemento raíz (normalmente html), sin importar el nivel de anidamiento. em es relativo al tamaño de fuente del elemento actual (o de su padre) y se acumula al anidarse. Esta herramienta mantiene deliberadamente separados sus campos de entrada para que nunca se confundan.

¿Hay límites en el formato numérico del modo por lotes?

Introduce un número por línea; se admiten decimales. Una línea que no se pueda analizar se marca claramente como error en la tabla de resultados, en lugar de omitirse en silencio o tratarse como 0.

¿Esta herramienta analiza mis archivos CSS?

No. La V1 solo convierte valores individuales: analizar y convertir automáticamente un archivo CSS completo es una función prevista para la V2, no incluida aquí.

Genera en directo el código de desenfoque de fondo y borde translúcido.

Abrir →