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.
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
px
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
Nossa equipe verifica a fórmula de rem para px em relação à especificação CSS, onde rem é definido relativo ao font-size do elemento raiz.
Referência Rápida
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 <html>: 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
1
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
2
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
48
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).
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Como Converter 1.5rem para px
1.5 rem → 24 px
Multiplique 1.5 por 16 para obter 24px. 1.5rem é um tamanho comum para títulos e botões grandes, então 24px aparece com frequência em design systems.
1.5 rem → 24 px 1.5rem = 24px. Um tamanho de título organizado que é exatamente 1.5× a base.
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Como Converter 0.75rem para px
0.75 rem → 12 px
Multiplique 0.75 por 16 para obter 12px. 0.75rem é um tamanho comum para legendas, rótulos e textos menores.
0.75 rem → 12 px 0.75rem = 12px (três quartos da base). Útil para texto secundário.
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Como Converter 0.875rem para px
0.875 rem → 14 px
Multiplique 0.875 por 16 para obter 14px. 0.875rem é um tamanho de texto de corpo e de UI muito comum em bibliotecas de componentes.
0.875 rem → 14 px 0.875rem = 14px, o tamanho de texto padrão em muitos frameworks de UI.
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Como Converter 2rem para px
2 rem → 32 px
Multiplique 2 por 16 para obter 32px. 2rem é um valor frequente para títulos grandes e espaçamento de seções, mapeando para um limpo 32px.
2 rem → 32 px 2rem = 32px, exatamente o dobro da base — fácil de lembrar para títulos grandes e espaçamento.
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Como Converter 0.5rem para px
0.5 rem → 8 px
Multiplique 0.5 por 16 para obter 8px. 0.5rem é um incremento de espaçamento comum para padding, margins e gaps.
0.5 rem → 8 px 0.5rem = 8px, metade da base — uma unidade de espaçamento pequeno frequente.
Experimente acima — insira seu valor rem e veja os pixels instantaneamente.
Tabela de Conversão de REM para PX
Valores de rem para px pré-calculados no root font-size padrão de 16px. Adicione esta página aos favoritos para consultas rápidas.
Rem para Pixels (base de 16px)
| REM | PX |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 2.75 | 44 |
| 3 | 48 |
Valores Maiores de Rem para px
| REM | PX |
|---|---|
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 5.5 | 88 |
| 6 | 96 |
| 6.5 | 104 |
| 7 | 112 |
| 7.5 | 120 |
| 8 | 128 |
Como Usar o Conversor de REM para PX
- 1
Insira um Valor em Rem
Digite ou cole um número no campo Rem. Os pixels equivalentes aparecem instantaneamente — sem botão de converter.
- 2
Defina o Root Font-Size (opcional)
A base tem padrão 16px. Altere-a para corresponder ao seu projeto — por exemplo 10px para a técnica de 62.5% — e cada resultado se atualiza com base na nova base.
- 3
Leia o Resultado em Pixels e a Pré-visualização
O campo Pixels mostra o valor convertido, a linha de pré-visualização renderiza texto nesse tamanho e a fórmula confirma a proporção atual (ex. 1rem = 16px).
- 4
Copie o Valor
Clique no ícone de copiar ao lado de qualquer campo para copiar o valor em rem ou px para a área de transferência, pronto para colar onde precisar.
Casos de Uso para Conversão de REM para PX
- Corresponder a um Mockup em Pixels
- Verifique a quanto os valores rem no seu CSS correspondem em pixels para que se alinhem com o mockup baseado em px de um designer.
- Entrega de Design
- Traduza um design system baseado em rem de volta para px ao comunicar tamanhos a designers ou stakeholders que pensam em pixels.
- Depurar Layout e Tipografia
- Resolva rapidamente tamanhos de fonte, espaçamento e breakpoints em rem para pixels enquanto diagnostica por que algo é renderizado em um determinado tamanho.
- Verificar a Técnica de 62.5%
- Converta rem para px com base em um root font-size de 10px para confirmar valores ao usar html { font-size: 62.5% }.
- Definir Propriedades que Só Aceitam px
- Obtenha o valor exato em pixels para uma propriedade ou ferramenta que espera pixels em vez de rem.
- Revisar Bibliotecas de Componentes
- Veja os tamanhos em pixels por trás de uma biblioteca de componentes baseada em rem para auditar escalas de espaçamento e tipografia.
Detalhes Técnicos
- A Unidade rem
- rem é relativo ao font-size da raiz <html>. 1rem equivale a esse font-size em pixels — 16px por padrão — então px = rem × root-font-size.
- Aritmética de Dupla Precisão
- As conversões usam ponto flutuante de dupla precisão IEEE 754, arredondado para no máximo cinco casas decimais com zeros à direita removidos para valores limpos.
- Processamento do Lado do Cliente
- Toda a lógica de conversão roda em JavaScript dentro do seu navegador. Zero chamadas de rede são feitas — a ferramenta funciona totalmente offline depois de carregada.
Boas Práticas ao Usar rem e px
- Converta com Base na Sua Base Real
- Sempre use o root font-size que sua folha de estilos realmente define. Uma base de 10px (técnica de 62.5%) resolve rem em pixels diferentes do padrão de 16px.
- Escreva em rem, Verifique em px
- Mantenha seu CSS em rem por acessibilidade e use o valor em pixels para revisão, entrega e depuração — não como motivo para fixar px no código.
- Atenção ao Acúmulo de em vs rem
- Se um valor é resolvido de forma inesperada, confirme que é rem (relativo à raiz) e não em (relativo ao pai), que se acumula quando aninhado.
Perguntas Frequentes de REM para PX
Quanto é 1rem em pixels?
1rem equivale ao root font-size em pixels — 16px por padrão. A unidade rem é relativa ao font-size do elemento raiz <html>, então px = rem × root-font-size. Em uma configuração padrão, 1rem = 16px, 1.5rem = 24px e 2rem = 32px. Se uma folha de estilos alterar o root font-size, o valor em pixels de 1rem muda junto.
Como converter rem para px?
Multiplique o valor rem pelo root font-size. A fórmula é px = rem × base, onde base é o font-size do elemento <html> (16px por padrão). Por exemplo, 1.5rem × 16 = 24px, e 0.75rem × 16 = 12px. Esta ferramenta faz a multiplicação para você em tempo real e permite alterar a base se o seu projeto usar um root font-size diferente.
Quanto é 16px em rem?
16px equivale a 1rem no root font-size padrão de 16px, porque rem = px ÷ base. Isto é o inverso da direção rem para px: 1rem = 16px, então 16px = 1rem. Altere a base na ferramenta, ou use o conversor de px para rem, se o seu projeto não usar uma raiz de 16px.
Por que os designs usam rem em vez de px?
As unidades rem respeitam a preferência de tamanho de fonte do navegador do usuário, o que é importante para acessibilidade. Quando alguém aumenta o tamanho de fonte padrão, tudo dimensionado em rem escala proporcionalmente, enquanto valores em px permanecem fixos. O rem também mantém um design system consistente — altere um root font-size e toda a interface é redimensionada. Converter rem de volta para px ainda é útil para revisão precisa ao pixel, entrega de design e depuração.
Qual é a diferença entre rem, em e px?
px é uma unidade absoluta — um pixel CSS fixo. rem é relativo ao font-size da raiz (<html>), então é consistente por toda a página. em é relativo ao font-size do elemento pai atual, então se acumula quando aninhado. Use rem para a maioria do dimensionamento para que escale com a preferência do usuário, px para detalhes fixos como bordas de 1px, e em quando quiser que um valor escale em relação ao seu contexto local.
O que é o truque de font-size de 62.5%?
Definir html { font-size: 62.5% } torna o root font-size 10px (62.5% do padrão de 16px). Com uma base de 10px, 1rem = 10px, então rem para px é só "multiplicar por 10": 1.6rem = 16px, 2.4rem = 24px. Muitos desenvolvedores gostam da aritmética mais simples e então definem body { font-size: 1.6rem } para um texto de corpo legível de 16px. Defina o root font-size desta ferramenta como 10 para converter com base nos 62.5%.
Posso alterar o root font-size neste conversor?
Sim. O campo Root font-size tem padrão 16px, mas aceita qualquer valor — 10, 18, 20 ou o que seu projeto usar. Cada conversão e a tabela de referência se atualizam com base na que você definir. Clique em 'Redefinir para 16' para voltar ao padrão. A maioria dos conversores fixa 16px no código; a base personalizável é o que permite a esta ferramenta corresponder à sua folha de estilos real.
1rem é sempre 16px?
Apenas quando o root font-size é 16px, que é o padrão em praticamente todos os navegadores. A relação 1rem = 16px se mantém enquanto html { font-size } não for sobrescrito. Se uma folha de estilos definir o root font-size como 10px ou 18px, então 1rem equivale a esse valor. Sempre converta com base no root font-size real da página.
Quando devo converter rem de volta para px?
Converter rem para px é útil quando você precisa de valores precisos ao pixel: corresponder a um mockup de design, comunicar tamanhos a um designer que trabalha em pixels, definir uma propriedade que só aceita px, ou depurar por que um elemento é renderizado em um certo tamanho. A escrita em rem permanece no seu CSS para escalabilidade; o valor em px é para verificação e entrega.
Importa qual root font-size eu uso para a conversão?
Sim — o root font-size é o multiplicador, então ele altera diretamente o resultado. 2rem é 32px em uma base de 16px, mas 20px em uma base de 10px. Se sua folha de estilos usa a técnica de 62.5% ou qualquer root font-size personalizado, defina a base da ferramenta para corresponder, ou os valores em pixels estarão errados.
Quão preciso é este conversor de rem para px?
As conversões usam aritmética de dupla precisão IEEE 754 e a fórmula exata px = rem × base, com resultados arredondados para no máximo cinco casas decimais e zeros à direita removidos. Isso é muito mais fino do que o navegador precisa, e a matemática é determinística, então você pode confiar nela para trabalho em produção.
Meus dados estão seguros ao usar este conversor?
Completamente. Todas as conversões rodam localmente no seu navegador usando JavaScript. Nenhum valor é enviado a qualquer servidor — não há requisições de rede, nem cookies sobre o que você digita, nem analytics sobre o que você insere. Você pode verificar desconectando-se da internet: a ferramenta continua funcionando totalmente offline depois que a página carrega.
Ferramentas relacionadas
Ver todas as ferramentas →Conversor de Base Numérica — Binário, Hex, Decimal e Octal
Ferramentas de Conversão
Converta números entre binário, hexadecimal, decimal, octal e qualquer base personalizada (2-36) instantaneamente. Gratuito, privado, sem cadastro — todo o processamento acontece no seu navegador.
Calculadora de complemento de dois e inteiros com sinal
Ferramentas de Conversão
Digite um inteiro com sinal e obtenha de uma vez sinal-magnitude, complemento de um, complemento de dois e binário deslocado, de 4 a 64 bits. Ou cole um padrão de bits ou byte hexadecimal e veja as cinco leituras.
Calculadora chmod — Permissões de Arquivos Linux
Ferramentas de Conversão
Converta permissões de arquivos Linux entre octal (755, 644) e símbolos rwx. Gere comandos chmod e detecte ajustes arriscados como 777 — grátis, direto no seu navegador.
Conversor de Cores — HEX, RGB, HSL e OKLCH
Ferramentas de Conversão
Converta HEX para RGB, HSL, OKLCH, OKLAB e CMYK no seu navegador — copie qualquer formato com um clique. Grátis, sem cadastro, suas cores nunca saem da página.
Conversor de coordenadas: lat/long, GMS, UTM, GCJ-02
Ferramentas de Conversão
Converta coordenadas GPS de qualquer formato — graus decimais, graus minutos segundos (GMS) — para UTM, Web Mercator, GCJ-02 (AMap) e BD-09 (Baidu). Detecta lat,lng ou lng,lat, inverte o GCJ-02 abaixo de 1 mm e exporta CSV.
Conversor de HEX para CMYK
Ferramentas de Conversão
Converta cores HEX para CMYK no seu navegador. Aproximação ingênua baseada em sRGB para prévias de impressão. Grátis, sem cadastro, suas cores ficam locais.