Design & CSSOnline Grátis
Conversor PX → REM
Converta pixels para rem e em.
px = 1 rem
| PX | REM | EM (relativo ao pai) |
|---|---|---|
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 28px | 1.75rem | 1.75em |
| 32px | 2rem | 2em |
| 36px | 2.25rem | 2.25em |
| 40px | 2.5rem | 2.5em |
| 48px | 3rem | 3em |
| 56px | 3.5rem | 3.5em |
| 64px | 4rem | 4em |
| 72px | 4.5rem | 4.5em |
| 80px | 5rem | 5em |
| 96px | 6rem | 6em |
Clique em qualquer linha para converter
Publicidade
Como usar
- 1Defina a base font-size (padrão 16px — a maioria dos browsers).
- 2Digite um valor em PX para ver o equivalente em REM, ou vice-versa.
- 3Use a tabela de referência rápida para valores comuns.
- 4Clique em qualquer linha da tabela para carregar o valor no conversor.
Exemplo de uso
Com base 16px: 24px = 1.5rem. Para font-size de título h1, use 2rem (= 32px). Para texto body, use 1rem (= 16px).