Convertidor de píxeles a EM/REM
Convierte px, rem, em, pt y % con una tabla en directo y CSS listo para copiar
rem es relativo al tamaño de fuente raíz; em y % son relativos al padre.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Acerca de Convertidor de píxeles a EM/REM
El conversor de píxeles a EM/REM traduce valores de longitud CSS entre px, rem, em, pt y porcentaje. Introduce un valor en cualquiera de las cinco unidades y una tabla en vivo muestra su equivalente en todas las demás — más un fragmento de CSS listo para copiar y pegar directamente en una hoja de estilos.
Las conversiones respetan cómo resuelve realmente CSS las unidades: rem es relativo al tamaño de fuente raíz, mientras que em y % son relativos al tamaño de fuente del elemento padre. Ambos tamaños de referencia son editables, así que puedes modelar una raíz de 16 px con un componente de 14 px, o cualquier escala de sistema de diseño que uses.
Una tabla de valores habituales recoge los tamaños que más usan los diseñadores — así que preguntas como "cuánto es 24px en rem" se responden de un vistazo. La herramienta es gratuita, se actualiza mientras escribes y es un recurso habitual para convertir maquetas de píxeles fijos en CSS accesible y escalable basado en rem.
Cómo usar Convertidor de píxeles a EM/REM
- Introduce el valor a convertir y selecciona su unidad: px, rem, em, pt o %.
- Ajusta el tamaño de fuente raíz (para rem) y el tamaño de fuente del padre (para em y %) si difieren de 16 px.
- Lee los valores convertidos en la tabla en vivo.
- Copia el fragmento de CSS generado o cualquier valor de la tabla de valores habituales.