PX to REM Converter
Convierte entre pixels y unidades REM para CSS responsive
| Pixels | REM | Sample |
|---|---|---|
| 12px | 0.75rem | Aa |
| 14px | 0.875rem | Aa |
| 16px | 1rem | Aa |
| 18px | 1.125rem | Aa |
| 20px | 1.25rem | Aa |
| 24px | 1.5rem | Aa |
| 32px | 2rem | Aa |
| 40px | 2.5rem | Aa |
| 48px | 3rem | Aa |
| 64px | 4rem | Aa |
REM is relative to the root <html> font size - usually 16px by default. Using REM instead of PX means your layout scales when users change their browser text size.
Cómo funciona
- 1Seteá la base
El root font size default es 16px - el default del browser. Cambialo si tu CSS lo overrideas.
- 2Type en cualquier field
Ingresa pixels o REM; el otro se actualiza al instante.
- 3Consultá la tabla
Los tamaños comunes de sistemas de diseño vienen pre-convertidos, con preview visual de cada font size.
Sobre PX to REM Converter
PX to REM converter gratis online. Escribe un valor en pixels para sacar el equivalente en REM (o al revés) según tu root font size. Incluye una tabla de tamaños comunes con preview en vivo. Corre entero en tu browser. PX to REM Converter en 712 Tools corre entero dentro de tu browser con APIs nativas de JavaScript - ningún server ve tus datos. Eso significa resultados al instante, privacidad total y sin límites de upload.
Ya sea para una sesión de debug, una comprobación rápida o un incidente en producción, esta herramienta es gratis y sin límite de usos. Sin watermarks, sin sign-up y sin ads dentro de la herramienta.
Preguntas frecuentes
¿Por qué REM en vez de PX?
REM escala con el root font size del user - así los users que aumentan el text size del browser también reciben un layout más grande. Mejor accesibilidad sin trabajo extra.
¿Y EM?
EM es relativo al font size del elemento padre - útil para escalado interno de componentes pero confuso en un layout entero. REM es relativo solo a la raíz.
¿Y si mi root es 62.5%?
Es el truco 'REM = 10px' - seteá root font-size a 62.5% y 1rem = 10px. Cambiá el field base a 10 en esta tool.
Herramientas relacionadas
JSON to CSV
Convertí JSON arrays a CSV descargable
Timestamp Converter
Convierte entre Unix time, ISO 8601 y fechas legibles
Markdown to HTML
Convierte Markdown a HTML limpio con preview en vivo
YAML ↔ JSON
Convertí YAML a JSON y viceversa con validación completa
JSON → TypeScript
Generá interfaces o types de TypeScript desde un sample JSON
Base Converter
Convertí entre binary, octal, decimal y hex