Conversor de REM para PX — Rem para Pixels

Converta rem para px instantaneamente com um root font-size personalizável. 1rem = 16px por padrão. Conversão bidirecional ao vivo, pronta para copiar, 100% no seu navegador.

Sem rastreamento Roda no navegador Grátis

Root font-size

Pixels (px)

Rem (rem)

Pré-visualização

A rápida raposa marrom

Revisado quanto à precisão da unidade rem do CSS e orientação de acessibilidade — Go Tools Engineering Team · Jun 11, 2026

Referência Rápida

Quanto É 1rem em px?

1rem = 16px (em base de 16px) No root font-size padrão do navegador de 16px, 1rem equivale a exatamente 16px. Esta é a âncora para todas as conversões: px = rem × 16.

Qual É a Fórmula de rem para px?

px = rem × root-font-size Multiplique o valor rem pelo root font-size. Por exemplo, 1.5rem × 16 = 24px. Altere a base na ferramenta se o seu projeto não usar 16px.

O Que É o Truque dos 62.5%?

62.5% → 1rem = 10px Definir html { font-size: 62.5% } torna a raiz 10px, então 1rem = 10px e rem para px é só "multiplicar por 10". Defina a base desta ferramenta como 10 para usá-lo.

O Que É um Conversor de REM para PX?

Um conversor de rem para px traduz unidades rem em medidas em pixels. A unidade rem ("root em") é relativa ao font-size do elemento raiz : 1rem sempre equivale ao root font-size, que os navegadores definem como 16px por padrão. A conversão é uma multiplicação simples — px = rem × root-font-size — mas verificá-la para cada valor enquanto você lê ou depura uma folha de estilos é repetitivo, que é o que esta ferramenta elimina.

Os desenvolvedores geralmente escrevem CSS em rem por acessibilidade e escalabilidade: valores escritos em rem escalam com a preferência de tamanho de fonte do navegador do usuário, enquanto valores em px permanecem fixos. Mas há muitos momentos em que você precisa do valor em pixels — corresponder a um mockup de design, entregar tamanhos a um designer que trabalha em pixels, definir uma propriedade que só aceita px, ou depurar por que um elemento é renderizado em um tamanho específico. É aí que converter rem de volta para px é exatamente o que você quer.

Este conversor mantém os campos de rem e pixels vinculados em tempo real, então você pode ir em qualquer direção, e — ao contrário de ferramentas que fixam uma base de 16px no código — permite definir qualquer root font-size. Isso importa porque uma folha de estilos que usa a técnica de 62.5% (raiz de 10px) resolve rem em valores de pixels diferentes de uma configuração padrão de 16px. Uma pré-visualização ao vivo mostra o tamanho do texto resultante, e uma tabela de referência lista valores rem comuns em uma base de 16px para consultas rápidas.

Precisa da outra direção? Use o conversor de px para rem. Para limpar a própria folha de estilos, experimente o formatador de CSS, e para trabalho com cores veja o conversor de cores. Tudo roda no seu navegador — seus valores nunca saem do seu dispositivo.

/* The core formula */
/* px = rem × root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12

Principais Recursos Deste Conversor de REM para PX

Root Font-Size Personalizável

Converta com base em qualquer base, não apenas 16px. Atenda à técnica de 62.5% (10px) ou ao root font-size real do seu projeto — a maioria das ferramentas fixa 16 no código.

Conversão Bidirecional Ao Vivo

Os campos de rem e pixels permanecem vinculados em tempo real. Edite qualquer lado e o outro se atualiza instantaneamente com base na sua base escolhida.

Pré-visualização de Tamanho Integrada

Uma linha de pré-visualização renderiza texto no tamanho rem inserido para que você veja a escala, não apenas o número.

Cópia com Um Clique

Copie o valor em rem ou px para a área de transferência com um único clique, pronto para colar no CSS ou em uma ferramenta de design.

Tabela de Conversão de Referência

Uma tabela de valores rem comuns e seus equivalentes em pixels em uma base de 16px para consultas rápidas, sem digitar.

100% no Navegador e Privado

Toda a matemática acontece localmente no seu navegador. Sem requisições a servidores, sem rastreamento, sem armazenamento de dados — seus valores nunca saem do seu dispositivo.

Exemplos de Conversão de REM para PX

Texto do Corpo — 1rem para px

16px

Com o root font-size padrão de 16px, 1rem equivale a exatamente 16px. Esta é a base para todas as outras conversões: px = rem × 16.

Título — 1.5rem para px

1.5

24px

1.5rem corresponde a 24px (1.5 × 16). Títulos são frequentemente escritos em rem para que escalem com a preferência de tamanho de fonte do usuário, mas ainda mapeiam para tamanhos em pixels familiares.

Rótulo Pequeno — 0.75rem para px

0.75

12px

0.75rem é 12px em uma base de 16px. Verificar o valor em pixels ajuda a confirmar que o texto menor permanece legível.

Espaçamento — 0.5rem para px

0.5

8px

0.5rem equivale a 8px. Design systems frequentemente expressam padding e margins em rem; converter de volta para px é prático para revisão precisa ao pixel.

Título Grande — 2rem para px

32px

2rem é exatamente o dobro da base, 32px. Múltiplos limpos como este são comuns para títulos de destaque.

Breakpoint — 48rem para px

768px

Um breakpoint de media query de 48rem corresponde a 768px em uma base de 16px — um limiar familiar de largura de tablet expresso em unidades escaláveis.

Como Converter Valores Comuns de rem para px

Referência rápida para os valores rem que os desenvolvedores mais convertem para px, no root font-size padrão de 16px.

Como Converter 1rem para px

1 rem → 16 px

Multiplique 1 pelo root font-size de 16px para obter 16px. 1rem é o valor âncora — equivale a exatamente 16px em uma configuração padrão, o ponto de referência para todas as outras conversões.

1 rem → 16 px

Memorize 1rem = 16px. A partir daí, divida pela metade para 0.5rem (8px) e dobre para 2rem (32px).