Conversor de px para rem: fórmula e tabela de conversão

pixels px rem rem

Tamanho de fonte base (px)

1 px = 0,0625 rem

Abrir em Conversor de PX para REM

Fórmula

rem = px ÷ 16

Como converter

Para converter pixels para rem, divida o valor por 16. Por exemplo, 32 px = 2 rem.

Tabela de conversão

px	rem
1 px	0,0625 rem
2 px	0,125 rem
4 px	0,25 rem
8 px	0,5 rem
10 px	0,625 rem
12 px	0,75 rem
14 px	0,875 rem
16 px	1 rem
18 px	1,125 rem
20 px	1,25 rem
24 px	1,5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

A tabela considera um tamanho de fonte base de 16px. Altere as configurações no conversor acima para combinar com o seu projeto.

Sobre estas unidades

Os navegadores transformam todo comprimento CSS em pixels. rem é relativo ao tamanho de fonte raiz e em ao do elemento pai; ambos valem 16px em todos os principais navegadores, a menos que a página ou o usuário altere. 1pt é 1/72 de polegada e 1px é 1/96 de polegada, então 1pt = 1,333px. vw é 1% da largura da viewport, então seu tamanho em pixels depende da tela.

Perguntas frequentes

› Como converter px para rem?

1 px = 0,0625 rem. Para converter, divida o valor por 16: 32 px = 2 rem.

› Quanto é 1 rem em px?

1 rem = 16 px. A fórmula inversa é px = rem × 16.

› Por que usar rem em vez de px?

Tamanhos em rem acompanham a configuração de fonte do navegador do usuário, o que ajuda na acessibilidade, e mudar um único valor raiz redimensiona todo o layout de forma consistente.

› Qual a diferença entre rem e em?

rem sempre usa o tamanho de fonte raiz (html). em usa o tamanho de fonte do elemento pai, então valores em aninhados se multiplicam.