Como converter px para rem
Digite o valor em pixels e veja o equivalente em rem, ou o contrário. A base padrão é 16px, o tamanho de fonte padrão dos navegadores. Se o seu projeto define outro font-size no html (como 10px ou 62,5%), altere a base.
Quando usar rem
- Tamanhos de fonte: sempre em rem, para respeitar a preferência do usuário.
- Espaçamentos e margens: em rem, para escalar junto com o texto.
- Bordas de 1px: podem continuar em px, porque não precisam escalar.
Perguntas frequentes
Quanto é 1rem em pixels?
Por padrão, 1rem = 16px, porque esse é o tamanho de fonte padrão dos navegadores. Se o seu CSS mudar o font-size do html, ajuste a base na ferramenta.
Qual a fórmula de px para rem?
rem = px ÷ base. Com base 16, 24px ÷ 16 = 1,5rem. Para voltar: px = rem × base.
Por que usar rem em vez de px?
O rem respeita o tamanho de fonte escolhido pelo usuário no navegador. Quem aumenta a fonte por dificuldade de visão vê o layout inteiro escalar, o que melhora a acessibilidade.
Qual a diferença entre rem e em?
O rem é relativo ao tamanho de fonte do elemento raiz (html), e o em é relativo ao tamanho de fonte do elemento pai. O rem é mais previsível porque não acumula em elementos aninhados.