Saltar al contenido

¿Cuántos rem son esos píxeles?

Convierte longitudes CSS entre px, rem, em, pt, pc, in, cm, mm y Q según tu tamaño de fuente.

px

Resultado

16 px

1 rem equivale a 16 píxeles

  • A la inversa: 1 px = 0,0625 rem.

En todas las unidades

Píxeles
16 px
Rem
1 rem
Em
1 em
Puntos
12 pt
Picas
1 pc
Pulgadas
0,1667 in
Centímetros
0,4233 cm
Milímetros
4,233 mm
Cuartos de milímetro
16,93 Q

Enlaces patrocinados

Convierte longitudes CSS entre px, rem, em, pt, pc, in, cm, mm y Q según tu tamaño de fuente.

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

¿Cuántos píxeles es 1 rem?

16 px con el tamaño de fuente predeterminado de los navegadores. Cambia con el tamaño de fuente raíz; por ejemplo, son 10 px con html { font-size: 62.5% }.

¿Qué diferencia hay entre em y rem?

rem usa siempre el tamaño de fuente de la raíz (html); em usa el tamaño de fuente del elemento en el que está, así que los em anidados se multiplican.

¿Cuántos píxeles son 12 pt?

16 px: un punto es 1/72 de pulgada y una pulgada CSS son 96 px.

¿Un píxel CSS siempre es un píxel de pantalla?

No. Los píxeles CSS son unidades de referencia. La relación de píxeles del dispositivo y el zoom determinan cuántos píxeles físicos representan uno CSS.

¿Puedo convertir vw o vh aquí?

No. Dependen de las dimensiones de la ventana gráfica. El conversor admite longitudes CSS fijas y em/rem con el tamaño de fuente indicado.

Enlaces patrocinados

Enlaces patrocinados