Conversor de PX para REM

Esta ferramenta converte valores em pixels (px) para unidades rem no CSS. A unidade rem é sempre relativa ao font-size do elemento raiz (o elemento html), o que a torna a escolha ideal para layouts responsivos e acessíveis. Defina o tamanho da fonte raiz, digite um valor em pixels e o equivalente em rem aparece na hora, pronto para colar na sua folha de estilos.

A maioria dos navegadores define a raiz em 16px, então 16px = 1rem. Se o seu projeto altera o font-size do html, atualize a base nas configurações.

Por Que os Desenvolvedores Escolhem REM

Escala Responsiva

Altere um único font-size raiz em uma media query e todo o layout escala proporcionalmente — sem edições por elemento.

Acessibilidade

O rem respeita a preferência de tamanho de fonte do navegador, então texto e espaçamento crescem para quem precisa de letras maiores.

Dimensionamento Previsível

Como o rem nunca acumula com o aninhamento, um valor significa a mesma coisa em qualquer lugar da página.

Como Converter PX para REM

1

Defina o Tamanho da Fonte Raiz

Informe o font-size raiz (html) do seu projeto no campo Tamanho da Fonte Base. O padrão é 16px, a linha de base padrão do navegador.

2

Digite um Valor em Pixels

Selecione a aba de unidade px e digite o valor em pixels a converter. O equivalente em rem é atualizado em tempo real conforme você digita.

3

Leia o Resultado

O valor em rem aparece na hora no painel de resultados, ao lado dos equivalentes em em e px. Use o ajuste de casas decimais para controlar a precisão do arredondamento.

4

Copie para o seu CSS

Clique no botão de copiar ao lado do resultado em rem e cole direto na sua folha de estilos.

A fórmula: rem = px ÷ font-size raiz. Por exemplo, 24px ÷ 16px = 1.5rem.

REM vs PX vs EM

Escolher a unidade certa depende de você querer um tamanho fixo ou um que responda ao contexto. Veja como as três unidades se comparam.

Unidade	Relativa a	Escala com ajustes do usuário	Ideal para
px	Nada (absoluta)	Não	Bordas, sombras, linhas finas
rem	Font-size raiz	Sim	Tipografia, layout, espaçamento
em	Font-size do pai	Sim	Dimensionamento local de componentes

Boa prática: use rem para tamanhos de fonte, margens e preenchimentos para manter sua interface totalmente escalável, e reserve px para coisas que nunca devem mudar de tamanho, como bordas de 1px.

Conversões Comuns de PX para REM

Valores de referência com um tamanho de fonte raiz de 16px. Ajuste a base na ferramenta para recalcular com qualquer outra raiz.

Pixels	REM (raiz 16px)	Uso típico
12px	`0.75rem`	Legendas, letras miúdas
14px	`0.875rem`	Texto secundário, rótulos
16px	`1rem`	Texto base do corpo
18px	`1.125rem`	Tamanho de leitura confortável
24px	`1.5rem`	Títulos de seção
32px	`2rem`	Títulos de página

Perguntas Frequentes

O que é o tamanho da fonte base e por que importa?

É o font-size raiz (html) contra o qual o rem é calculado. Os navegadores o definem em 16px por padrão, então 1rem normalmente equivale a 16px. Se o seu CSS define um tamanho de raiz diferente, altere este campo para esse valor a fim de obter conversões precisas.

Como px é convertido para rem?

Divida o valor em pixels pelo tamanho da fonte raiz: rem = px ÷ raiz. Com uma raiz de 16px, 24px vira 1.5rem. A ferramenta calcula na hora e arredonda conforme o número de casas decimais escolhido.

O rem é melhor que px para acessibilidade?

Em geral, sim. Como o rem escala com a preferência de tamanho de fonte do navegador, quem aumenta o texto padrão obtém uma interface proporcionalmente maior. Valores fixos em px ignoram essa preferência, o que pode prejudicar a legibilidade.

O rem acumula quando os elementos são aninhados?

Não. Diferente do em, o rem sempre referencia o font-size raiz, então o mesmo valor rem é renderizado de forma idêntica não importa quão aninhado esteja o elemento. Essa previsibilidade é uma das maiores vantagens do rem.

A conversão é feita no meu navegador?

Sim. O cálculo roda inteiramente no cliente enquanto você digita. Nada é enviado a um servidor, então os resultados são instantâneos e a ferramenta continua funcionando offline depois de carregada.