Conversor de px para rem
Com uma fonte raiz de 16 px, 24 px = 1,5 rem: divida os pixels pelo tamanho raiz. Mude a base se o seu site define outro tamanho de fonte em html.
- Verificado em milhares de casos
- Fontes: CSS Values and Units Module Level 4 (W3C)
- Atualizado em 6 de novembro de 2026
16 px, a menos que o seu CSS defina outro tamanho em html.
Resultado
Pontos (pt)
Porcentagem (%)
Desafio rápido
Sequência 0Recorde 0
Teste-se: cada resposta é calculada pela ferramenta, e as opções erradas são as armadilhas mais comuns.
Como funciona
Fórmula: rem = px ÷ tamanho de fonte raiz
Em CSS, 1 rem equivale ao tamanho de fonte do elemento raiz (html), não importa quão aninhado esteja o elemento; o em, por sua vez, depende do pai. Então rem = px ÷ tamanho raiz e px = rem × tamanho raiz. O CSS também fixa 1 px = 1/96 de polegada e 1 pt = 1/72 de polegada, logo 1 pt = 4/3 px: 12 pt = 16 px. A ferramenta parte de 16 px, o tamanho de texto padrão habitual dos navegadores; quem escolhe um texto maior nas configurações o altera, e os tamanhos em rem acompanham essa escolha.
Exemplos práticos
24 px com base de 16 px
24 ÷ 16 = 1,5 rem.
24 px com base de 10 px
24 ÷ 10 = 2,4 rem.
12 pt em pixels
12 × 4/3 = 16 px.
Erros comuns
Dividir por 10 quando a base é 16 px: 24 px = 2,4 rem.
Divida pelo tamanho raiz real: 1,5 rem.
Usar em aninhados como se fossem rem: 1,5 em dentro de 1,5 em.
Os em se multiplicam: 16 × 1,5 × 1,5 = 36 px. Com rem, 1,5 rem continua 24 px.
Tratar pontos como pixels: 12 pt não são 12 px.
1 pt = 4/3 px: 12 pt = 16 px.
Pixels para rem com base de 16 px
| Pixels | rem | Pontos |
|---|---|---|
| 10 px | 0,625 rem | 7,5 pt |
| 12 px | 0,75 rem | 9 pt |
| 14 px | 0,875 rem | 10,5 pt |
| 16 px | 1 rem | 12 pt |
| 18 px | 1,125 rem | 13,5 pt |
| 20 px | 1,25 rem | 15 pt |
| 24 px | 1,5 rem | 18 pt |
| 28 px | 1,75 rem | 21 pt |
| 32 px | 2 rem | 24 pt |
| 40 px | 2,5 rem | 30 pt |
| 48 px | 3 rem | 36 pt |
| 64 px | 4 rem | 48 pt |
Perguntas frequentes
Quantos pixels tem 1 rem?
Tantos quanto o tamanho de fonte raiz. Com 16 px: 1 rem = 16 px, 0,75 rem = 12 px e 2 rem = 32 px.
rem ou em?
O rem se refere sempre ao tamanho de fonte de html: 1,5 rem vale o mesmo em toda a página. O em se refere ao elemento pai, então em aninhados se multiplicam.
Por que usar rem em vez de px?
Tamanhos em rem acompanham o tamanho de texto escolhido pelo visitante no navegador; tamanhos de fonte em px ignoram essa escolha, o que prejudica quem precisa de um texto maior.