Calnex LogoCalnex
design

Conversor PX a REM

Convierta entre píxeles CSS (px) y unidades rem con un tamaño de fuente base personalizable. Incluye una tabla de referencia rápida de 1px a 32px. Esencial para diseño web responsive.

Parámetros

El valor numérico a convertir.

El tamaño de fuente raíz en píxeles (el navegador predeterminado es 16 px)

Elija px a rem o rem a px.

Resultados

Valor Convertido1rem

16px = 1rem (at 16px base)

Otros resultados (2)
Código CSS
font-size: 1rem; /* 16px */

Declaración CSS lista para usar

Referencia rápida (1px–32px)
px | rem
---|---
1 | 0.0625
2 | 0.1250
3 | 0.1875
4 | 0.2500
5 | 0.3125
6 | 0.3750
7 | 0.4375
8 | 0.5000
9 | 0.5625
10 | 0.6250
11 | 0.6875
12 | 0.7500
13 | 0.8125
14 | 0.8750
15 | 0.9375
16 | 1.0000
17 | 1.0625
18 | 1.1250
19 | 1.1875
20 | 1.2500
21 | 1.3125
22 | 1.3750
23 | 1.4375
24 | 1.5000
25 | 1.5625
26 | 1.6250
27 | 1.6875
28 | 1.7500
29 | 1.8125
30 | 1.8750
31 | 1.9375
32 | 2.0000

Reference table: pixels to rem at 16px base

Por qué elegir Conversor PX a REM

El Px to Rem Converter convierte instantáneamente entre unidades CSS de píxeles y rem para un diseño web responsivo. Ingrese cualquier valor y tamaño de fuente base, y obtenga el resultado convertido junto con un fragmento de código CSS listo para usar y una tabla de referencia rápida.

  • ✓Convierte px a rem y rem a px con cualquier tamaño de fuente base
  • ✓Genera fragmentos de código CSS listos para copiar
  • ✓Incluye una tabla de referencia rápida de 1px a 32px.
  • ✓Admite valores fraccionarios para conversiones precisas

Pasos de uso

  1. 1Ingresa el valor que deseas convertir
  2. 2Establezca el tamaño de fuente base (el valor predeterminado es 16 px, el valor predeterminado del navegador)
  3. 3Elija la dirección de conversión: px a rem o rem a px
  4. 4Ver el valor convertido y el fragmento de código CSS
  5. 5Utilice la tabla de referencia para buscar rápidamente conversiones comunes

Preguntas frecuentes (FAQ)

¿Qué es una unidad rem en CSS?

Un rem (root em) es una unidad CSS relativa al tamaño de fuente del elemento raíz (html). A diferencia de em, que es relativo al elemento principal, rem siempre se refiere al mismo valor base, lo que lo hace más predecible para dimensionar elementos anidados.

¿Por qué debería usar rem en lugar de px?

El uso de rem permite que su diseño escale proporcionalmente cuando los usuarios cambian el tamaño de fuente de su navegador para mayor accesibilidad. Los píxeles son unidades absolutas que no responden a las preferencias del usuario, mientras que rem respeta la configuración del tamaño de fuente raíz.

¿Cuál es el tamaño de fuente base predeterminado en los navegadores?

All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.

¿Cómo convierto 24px a rem?

To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.

¿Puedo cambiar el tamaño de fuente base para mi proyecto?

Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.

Referencias y fuentes autorizadas

CSS Values and Units - MDN Web Docs

Ver fuente

rem - CSS: Cascading Style Sheets | MDN

Ver fuente

The Battle Between px and rem

Ver fuente