Saltar al contenido

¿Cuántos rem son tantos píxeles?

Con el tamaño de fuente predeterminado de 16 px, rem = px ÷ 16: 24 px son 1,5 rem.

px

Resultado

1,5 rem

24 píxeles equivale a 1,5 rem

  • A la inversa: 1 rem = 16 px.

En todas las unidades

Píxeles
24 px
Rem
1,5 rem
Em
1,5 em
Puntos
18 pt
Picas
1,5 pc
Pulgadas
0,25 in
Centímetros
0,635 cm
Milímetros
6,35 mm
Cuartos de milímetro
25,4 Q

Enlaces patrocinados

Con el tamaño de fuente predeterminado de 16 px, rem = px ÷ 16: 24 px son 1,5 rem.

Cómo usar la herramienta

  1. Escribe la longitud que quieres convertir.
  2. Elige las unidades de origen y de destino.
  3. Indica el tamaño de fuente que vale 1 rem o 1 em: 16 px, salvo que tu hoja de estilos lo cambie.

px → rem

pxrem
80,5
120,75
161
241,5
322
483

Con un tamaño de fuente raíz de 16 px.

Cómo funciona

CSS tiene longitudes absolutas, fijas entre sí, y longitudes relativas a la fuente. En CSS una pulgada siempre son 96 px, así que 1 pt (1/72 de pulgada) son 4/3 px, una pica son 16 px y 1 cm son unos 37,8 px. Estos píxeles CSS no son los píxeles físicos de la pantalla; el navegador los escala.

Un rem es el tamaño de fuente del elemento raíz, y un em el tamaño de fuente del propio elemento. Los navegadores usan 16 px por defecto, así que rem = px ÷ 16 y 24 px = 1,5 rem. Si tu tamaño de fuente raíz es 20 px, 24 px son 1,2 rem. El conversor usa el único tamaño de fuente que indicas para ambos, así que para em indica el tamaño que se aplica a ese elemento.

Las definiciones proceden del módulo CSS Values and Units Level 4 del W3C. Las unidades de ventana y de contenedor (vw, vh, cqw) dependen de la pantalla y no se incluyen.

Enlaces patrocinados

Preguntas frecuentes

¿Cómo paso de px a rem?

Divide los píxeles entre el tamaño de fuente raíz: con 16 px, 32 px ÷ 16 = 2 rem.

¿Uso rem o px para los tamaños de fuente?

rem sigue el tamaño de fuente que cada lector elige en su navegador, así que el texto en rem crece para quien necesita letra más grande.

Enlaces patrocinados

Enlaces patrocinados