Conversor de REM para PX

Esta ferramenta converte valores rem de volta para pixels. É o inverso de uma conversão de px para rem e é valiosa para inspecionar designs baseados em rem: informe um valor rem, defina o tamanho da fonte raiz e veja na hora a quantos pixels ele exatamente renderiza. Isso facilita verificar espaçamentos, conferir tamanhos calculados e entregar especificações precisas.

Com a raiz padrão de 16px, 1rem = 16px. Se o seu projeto usa um font-size do html diferente, defina a base de acordo para um resultado em pixels preciso.

Quando Você Precisa de PX a Partir de REM

Inspecionar Tamanhos Calculados

Traduza um valor rem da folha de estilos de outra pessoa para pixels e entenda a quanto ele realmente renderiza.

Entrega Pixel-Perfect

Forneça a designers e QA medidas exatas em pixels derivadas do seu sistema baseado em rem.

Combinar com Recursos de Design

Confirme que um valor rem se alinha a recursos de pixels fixos como ícones, imagens ou bordas de 1px.

Como Converter REM para PX

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 de 16px corresponde à linha de base padrão do navegador.

2

Digite um Valor em REM

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

3

Leia o Resultado

O valor em pixels aparece na hora no painel de resultados, ao lado dos equivalentes em em e rem. Ajuste as casas decimais conforme a precisão desejada.

4

Copie o Resultado

Clique no botão de copiar ao lado do resultado em px e cole onde precisar de uma medida exata em pixels.

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

Como REM e PX se Relacionam

Pixels são absolutos e o rem é relativo, então respondem a perguntas diferentes. Entender o equilíbrio ajuda a decidir qual declarar no CSS e qual converter para referência.

REM

Relativo e escalável

Atrelado ao font-size raiz
Escala com as preferências de fonte do usuário
Recomendado para layout e tipografia
Um valor, consistente em todo lugar

PX

Absoluto e fixo

Um pixel do dispositivo, sem relatividade
Ignora as preferências de fonte do usuário
Ideal para bordas e linhas finas
Medida exata e previsível

Dica: converter rem para px serve apenas para inspeção e entrega. No CSS de produção, manter os valores em rem preserva a acessibilidade e a escala responsiva.

Conversões Comuns de REM para PX

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

REM	Pixels (raiz 16px)	Uso típico
0.5rem	`8px`	Espaços apertados, preenchimento pequeno
0.75rem	`12px`	Legendas, letras miúdas
1rem	`16px`	Texto base do corpo
1.5rem	`24px`	Títulos de seção, espaçamento
2rem	`32px`	Títulos de página, espaços grandes
3rem	`48px`	Espaçamento hero, margens amplas

Perguntas Frequentes

Como rem é convertido para px?

Multiplique o valor rem pelo tamanho da fonte raiz: px = rem × raiz. Com uma raiz de 16px, 1.5rem vira 24px. A ferramenta faz isso na hora e arredonda conforme a precisão decimal escolhida.

Por que eu converteria rem de volta para px?

Principalmente para inspeção e comunicação: conferir a quanto um design baseado em rem corresponde, combinar com recursos de pixels fixos ou entregar medidas exatas a designers e QA. Geralmente o CSS real fica em rem por escalabilidade.

E se o tamanho da fonte raiz do meu projeto não for 16px?

Basta alterar o campo Tamanho da Fonte Base para o seu valor raiz real. Por exemplo, com uma raiz de 10px (a conhecida técnica do "62.5%"), 1.5rem equivale a 15px. A ferramenta recalcula imediatamente.

A conversão de rem para px depende do aninhamento de elementos?

Não. Como o rem é sempre relativo ao font-size raiz, o aninhamento não afeta a conversão. É isso que torna o rem previsível em comparação com o em, que é relativo a cada pai.

A conversão é feita no meu navegador?

Sim. Tudo é calculado no cliente enquanto você digita. Nenhum dado é enviado a um servidor, então a ferramenta é instantânea e funciona offline depois que a página carrega.