Conversor de px a rem: px, rem, pt, em, mm

Última actualización:

px

rem se mide respecto a este tamaño, y aquí em y % también. En CSS, em y % dependen del elemento padre, así que solo coinciden con rem donde ningún padre cambia el tamaño de fuente.

Fórmula
1 px = 0,0625 rem

Todos los resultados

px 1
rem 0,0625
em 0,0625
% 6,25
pt 0,75
pc 0,0625
in 0,0104167
cm 0,0264583
mm 0,264583

Tabla de referencia rápida: Píxel → Em raíz

Valor (px)Resultado (rem)
10,0625 rem
80,5 rem
100,625 rem
120,75 rem
140,875 rem
161 rem
181,125 rem
201,25 rem
241,5 rem
322 rem
483 rem
644 rem

Sobre px, rem y pt

CSS fija 1 pulgada en 96 px, así que 1 pt, que es 1/72 de pulgada, equivale a 1,333 px, y 1 mm equivale a 3,78 px. rem y em son relativos: 1 rem es el tamaño de fuente de la raíz, 16 px en todos los navegadores principales salvo que el visitante lo cambie, así que 24 px son 1,5 rem. Si una hoja de estilos fija otro tamaño de raíz, introdúcelo como base encima de los campos. em sigue el tamaño de fuente del elemento padre, así que equivale a rem solo donde ningún padre lo cambia.

Tamaños habituales de texto y elementos

Con la base predeterminada de 16 px. CSS fija 1 pulgada en 96 px, así que las columnas pt y mm no cambian con la base; solo cambia la columna rem.

Tamañoremptmm
Texto de 10 pt (notas al pie)0,8333103,528
Tamaño de texto predeterminado de un navegador1124,233
Texto de 12 pt en un procesador de texto1124,233
Encabezado h2 predeterminado1,5186,35
Tamaño mínimo de objetivo en WCAG 2.2 (2.5.8)1,5186,35
Encabezado h1 predeterminado2248,467
1 centímetro2,36228,3510
1 pulgada67225,4

Historia del punto y del píxel

El texto se medía en puntos mucho antes de las pantallas: los fundidores de tipos necesitaban una sola unidad para fundir letras que encajaran. Los ordenadores fijaron el punto en 1/72 de pulgada.

  1. Pierre-Simon Fournier publicó una tabla de tamaños de tipos medidos en puntos tipográficos: su escala dividía la pulgada en 12 líneas y cada línea en 6 puntos.
  2. La asociación de fundidores de tipos de Estados Unidos adoptó un sistema de puntos para los cuerpos de tipo, en el que la nonpareil mide 6 puntos y la pica 12.
  3. Adobe presentó PostScript, cuya unidad de longitud en la página es 1/72 de pulgada: en palabras de Adobe, aproximadamente lo mismo que el punto usado en la imprenta.
  4. CSS 2.1 se convirtió en Recomendación del W3C. Fija 1 pulgada en 96 px y 72 pt, así que 1 px son 0,75 pt, y basa el píxel en un punto de una pantalla de 96 dpi vista a un brazo de distancia.

Fuentes: