Convierte entre unidades CSS: píxeles (px), em, rem y porcentajes (%). Ideal para diseños responsivos y accesibles.
* 1rem = 16px (tamaño base del navegador) | 1em = relativo al elemento padre
0px0em0rem0%Elemento de ejemplo
Tamaño actualwidth: 100px; height: 100px;
| px | rem | em | % |
|---|---|---|---|
| 8px | 0.5rem | 0.5em | 50% |
| 10px | 0.625rem | 0.625em | 62.5% |
| 12px | 0.75rem | 0.75em | 75% |
| 14px | 0.875rem | 0.875em | 87.5% |
| 16px | 1rem | 1em | 100% |
| 18px | 1.125rem | 1.125em | 112.5% |
| 20px | 1.25rem | 1.25em | 125% |
| 24px | 1.5rem | 1.5em | 150% |
| 32px | 2rem | 2em | 200% |
| 48px | 3rem | 3em | 300% |
Unidad absoluta. 1px = 1 píxel en pantalla. No escala con el tamaño de fuente.
Relativa al tamaño de fuente del elemento padre. 1em = tamaño de fuente del padre.
Relativa al tamaño de fuente raíz (<html>). 1rem = 16px por defecto.
Porcentaje relativo al contenedor padre. Ideal para layouts responsivos.
rem para tamaños de fuente y espaciados para mejor accesibilidad. Usa em para elementos que deben escalar con su contexto.
No hay conversiones guardadas