Skip to content

Conversor de PX para REM — Pixels para Rem

Converta px para rem instantaneamente com um root font-size personalizável. 16px = 1rem 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

Referência Rápida

Quanto É 16px em rem?

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

Qual É a Fórmula de px para rem?

rem = px ÷ root-font-size Divida o valor em pixels pelo root font-size. Por exemplo, 24px ÷ 16 = 1.5rem. 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 a matemática do rem é só "dividir por 10". Defina a base desta ferramenta como 10 para usá-lo.

O Que É um Conversor de PX para REM?

Um conversor de px para rem traduz medidas em pixels para unidades rem em CSS. 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 divisão simples — rem = px ÷ root-font-size — mas fazê-la à mão para cada tamanho de fonte, margin e breakpoint de uma folha de estilos é tedioso e propenso a erros, que é o que esta ferramenta elimina.

O motivo para converter é acessibilidade e escalabilidade. Quando um valor é escrito em px, ele fica travado em um tamanho fixo e ignora a preferência de tamanho de fonte do navegador do usuário. Quando é escrito em rem, ele escala proporcionalmente se o usuário aumentar o tamanho de fonte padrão — uma acomodação crítica para pessoas com baixa visão e uma experiência mais suave para todos que dão zoom. Expressar um design system em rem também significa que uma única alteração no root font-size redimensiona toda a interface de forma consistente.

Este conversor mantém os campos de pixels e rem 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) converte de forma diferente 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 os valores em px mais comuns em uma base de 16px para consultas rápidas.

Precisa da direção inversa? Use o conversor de rem para px. Para organizar 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 */
/* rem = px ÷ root-font-size (16px by default) */

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

.title  { font-size: 1.5rem;  } /* 24px */
.body   { font-size: 1rem;    } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card   { padding: 1.5rem;    } /* 24px */

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

Principais Recursos Deste Conversor de PX para REM

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 pixels e rem 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 resultante para que você veja a escala, não apenas o número.

Cópia com Um Clique

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

Tabela de Conversão de Referência

Uma tabela dos valores em px mais comuns e seus equivalentes em rem 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 PX para REM

Texto do Corpo — 16px para rem

16
1rem

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

Título — 24px para rem

24
1.5rem

Um título de 24px torna-se 1.5rem (24 ÷ 16 = 1.5). Usar rem significa que o título escala automaticamente se o usuário alterar o tamanho de fonte padrão do navegador.

Rótulo Pequeno — 12px para rem

12
0.75rem

12px é 0.75rem em uma base de 16px. Legendas e textos menores são candidatos comuns a rem para que respeitem as preferências de tamanho de fonte do leitor.

Espaçamento — 8px para rem

8
0.5rem

8px equivale a 0.5rem. Muitos design systems expressam padding e margins em rem para que o espaçamento escale junto com o texto.

Truque dos 62.5% — base de 10px, 18px para rem

18
1.125rem

Se você definir o root font-size como 10px (a técnica de 62.5%), 18px torna-se 1.8rem. Na base padrão de 16px, 18px é 1.125rem. Sempre converta com base no que seu projeto realmente usa.

Breakpoint — 768px para rem

768
48rem

Um breakpoint de media query de 768px é 48rem em uma base de 16px. Breakpoints baseados em rem fazem zoom de forma mais previsível quando os usuários escalam seu texto.

Como Converter Valores Comuns de px para rem

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

Como Converter 16px para rem

16 px → 1 rem

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

16 px → 1 rem

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

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Como Converter 24px para rem

24 px → 1.5 rem

Divida 24 por 16 para obter 1.5rem. 24px é um tamanho comum para títulos e botões grandes, então 1.5rem aparece com frequência em design systems.

24 px → 1.5 rem

24px é exatamente 1.5× a base, então mapeia de forma limpa para 1.5rem — um valor organizado para títulos.

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Como Converter 12px para rem

12 px → 0.75 rem

Divida 12 por 16 para obter 0.75rem. 12px é um tamanho comum para legendas, rótulos e textos menores que ainda devem respeitar as preferências de tamanho de fonte do usuário.

12 px → 0.75 rem

12px = 0.75rem (três quartos da base). Útil para texto secundário.

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Como Converter 14px para rem

14 px → 0.875 rem

Divida 14 por 16 para obter 0.875rem. 14px é um tamanho de texto de corpo e de UI muito comum, então 0.875rem aparece constantemente em bibliotecas de componentes.

14 px → 0.875 rem

14px = 0.875rem. É o tamanho de texto padrão em muitos frameworks de UI.

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Como Converter 32px para rem

32 px → 2 rem

Divida 32 por 16 para obter 2rem. 32px é um valor frequente para títulos grandes e espaçamento de seções, mapeando para um limpo 2rem.

32 px → 2 rem

32px = 2rem, exatamente o dobro da base — fácil de lembrar para títulos grandes e espaçamento generoso.

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Como Converter 10px para rem

10 px → 0.625 rem

Divida 10 por 16 para obter 0.625rem na base padrão. Observe que 10px também é o root font-size usado pela técnica de 62.5%, onde 10px equivaleria a 1rem.

10 px → 0.625 rem

Em uma base de 16px, 10px = 0.625rem. Se você adotar a técnica de 62.5%, defina a base como 10 e 10px torna-se 1rem.

Experimente acima — insira seu valor em pixels e veja o rem instantaneamente.

Tabela de Conversão de PX para REM

Valores de px para rem pré-calculados no root font-size padrão de 16px. Adicione esta página aos favoritos para consultas rápidas.

Pixels para Rem (base de 16px)

Tabela de conversão de pixels para rem em um root font-size de 16px
PX REM
8 0.5
9 0.5625
10 0.625
11 0.6875
12 0.75
13 0.8125
14 0.875
15 0.9375
16 1
17 1.0625
18 1.125
19 1.1875
20 1.25
21 1.3125
22 1.375
23 1.4375
24 1.5
28 1.75
32 2
36 2.25
40 2.5
44 2.75
48 3

Tamanhos Comuns para Rem

Valores maiores em pixels para rem em um root font-size de 16px
PX REM
56 3.5
64 4
72 4.5
80 5
88 5.5
96 6

Como Usar o Conversor de PX para REM

  1. 1

    Insira um Valor em Pixels

    Digite ou cole um número no campo Pixels (px). O rem equivalente aparece instantaneamente — sem botão de converter.

  2. 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. 3

    Leia o Resultado em Rem e a Pré-visualização

    O campo Rem 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. 4

    Copie o Valor

    Clique no ícone de copiar ao lado de qualquer campo para copiar o valor em px ou rem para a área de transferência, pronto para colar no seu CSS.

Casos de Uso para Conversão de PX para REM

Construir UIs Responsivas e Acessíveis
Converta tamanhos de fonte e espaçamento baseados em pixels para rem para que a interface escale com a preferência de tamanho de fonte do navegador do usuário.
Traduzir Mockups de Design
Transforme os valores em px de um designer no Figma ou Sketch em unidades rem que se encaixam em um design system de CSS escalável.
Definir Breakpoints de Media Query
Expresse breakpoints em rem para que os layouts respondam de forma previsível quando os usuários dão zoom ou alteram o tamanho de texto padrão.
Adotar a Técnica de 62.5%
Converta com base em um root font-size de 10px para obter aritmética de rem limpa ao usar html { font-size: 62.5% }.
Refatorar CSS Legado
Substitua sistematicamente valores fixos em px por rem para modernizar uma folha de estilos antiga visando acessibilidade.
Verificar Tamanhos Computados
Verifique rapidamente a quanto um valor em px corresponde em rem (ou vice-versa) enquanto depura espaçamento e tipografia.

Detalhes Técnicos

A Unidade rem
rem é relativo ao font-size da raiz . 1rem equivale a esse font-size em pixels — 16px por padrão — então rem = px ÷ 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 de CSS 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

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%) converte de forma diferente do padrão de 16px.
Use rem para Tipo e Espaçamento, px para Linhas Finas
Dimensione fontes, padding e margins em rem para que escalem com as preferências do usuário; mantenha px para coisas que devem permanecer fixas, como bordas de 1px.
Mantenha os Breakpoints em rem ou em
Media queries baseadas em rem fazem zoom de forma mais elegante do que breakpoints em px quando os usuários escalam seu texto.

Perguntas Frequentes de PX para REM

Quanto é 16px em rem?
16px equivale a exatamente 1rem quando o root font-size é o padrão do navegador de 16px. A unidade rem é relativa ao font-size do elemento raiz , então rem = px ÷ root-font-size. Como a maioria dos navegadores usa 16px por padrão, 16px é a âncora natural: 16px = 1rem, 8px = 0.5rem, 32px = 2rem. Se você alterar o root font-size, a proporção muda de acordo.
Como converter px para rem?
Divida o valor em pixels pelo root font-size. A fórmula é rem = px ÷ base, onde base é o font-size do elemento (16px por padrão). Por exemplo, 24px ÷ 16 = 1.5rem, e 12px ÷ 16 = 0.75rem. Esta ferramenta faz a divisão para você em tempo real e permite alterar a base se o seu projeto usar um root font-size diferente.
Quanto é 1rem em pixels?
1rem equivale ao root font-size em pixels — 16px por padrão. Então 1rem = 16px, 1.5rem = 24px e 2rem = 32px em uma configuração padrão. Se você definir html { font-size: 62.5% } (10px), então 1rem = 10px. Para ir de rem de volta a pixels, multiplique: px = rem × base.
Por que usar rem em vez de px?
As unidades rem respeitam a preferência de tamanho de fonte do navegador do usuário, o que é essencial para acessibilidade. Quando alguém aumenta o tamanho de fonte padrão — por baixa visão ou simplesmente conforto — tudo dimensionado em rem escala proporcionalmente, enquanto valores em px permanecem fixos e podem quebrar layouts ou ignorar a preferência. O rem também mantém um design system consistente: altere um root font-size e toda a interface escala junto. Os pixels ainda são úteis para coisas que não devem escalar, como bordas de 1px.
Qual é a diferença entre px, rem e em?
px é uma unidade absoluta — um pixel CSS, fixo independentemente do contexto. rem é relativo ao font-size da raiz (), então é consistente em toda a página. em é relativo ao font-size do elemento pai atual, então se acumula quando aninhado. Use px para detalhes fixos como bordas finas, rem para a maioria do dimensionamento para que escale com a preferência do usuário, e em quando quiser que um valor escale em relação ao seu contexto local (por exemplo padding que cresce com o próprio font-size de um botão).
O que é o truque de font-size de 62.5%?
Definir html { font-size: 62.5% } torna o root font-size 10px (porque 62.5% do padrão de 16px é 10px). Com uma base de 10px, a matemática do rem fica trivial: 1rem = 10px, 1.6rem = 16px, 2.4rem = 24px — basta dividir o valor em pixels por 10. Muitos desenvolvedores gostam da aritmética mais simples, embora você normalmente defina depois body { font-size: 1.6rem } para restaurar 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 (o padrão do navegador), mas você pode digitar 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 das ferramentas fixa 16px no código; a base personalizável é o que permite a este conversor corresponder à sua folha de estilos real.
16px é sempre igual a 1rem?
Apenas quando o root font-size é 16px, que é o padrão em praticamente todos os navegadores. A relação 16px = 1rem se mantém enquanto você não sobrescrever html { font-size }. Se uma folha de estilos definir o root font-size como outra coisa — digamos 10px ou 18px — então 16px não é mais igual a 1rem. Sempre converta com base no root font-size real da página.
Devo converter tamanhos de fonte, padding e margins para rem?
Tamanhos de fonte são os candidatos mais fortes a rem porque afetam diretamente a legibilidade e a acessibilidade. Padding, margin, gap e border-radius também são comumente expressos em rem para que o espaçamento escale junto com o texto, gerando um layout coeso. Breakpoints de media query em rem (ou em) fazem zoom de forma mais elegante. Mantenha px para coisas que não devem escalar, como bordas de 1px e alguns deslocamentos de box-shadow.
Converter px para rem muda a aparência do meu site?
Não — no root font-size padrão de 16px, um valor em rem é renderizado exatamente no mesmo tamanho em pixels que o valor original em px. 24px e 1.5rem parecem idênticos em uma configuração padrão. A diferença é comportamental: a versão em rem escalará se o usuário alterar o tamanho de fonte do navegador, enquanto a versão em px não. Visualmente nada muda até o usuário ajustar suas preferências.
Quão preciso é este conversor de px para rem?
As conversões usam aritmética de dupla precisão IEEE 754 e a fórmula exata rem = px ÷ base, com resultados arredondados para no máximo cinco casas decimais e zeros à direita removidos por legibilidade. Para CSS, essa precisão é muito mais fina do que o navegador precisa. A matemática é determinística e roda igual toda vez, então você pode confiar nela para folhas de estilos 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 vinculados ao que você insere. Você pode verificar isso 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.

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 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.

Conversor de HEX para HSL

Ferramentas de Conversão

Converta qualquer cor hex para HSL no seu navegador — hex de 3, 6 e 8 dígitos com alfa, todos suportados. Grátis, instantâneo, sem cadastro, suas cores nunca saem da página.

Conversor de HEX para OKLCH

Ferramentas de Conversão

Converta HEX para OKLCH para tokens de design do Tailwind v4. Saída perceptualmente uniforme ao vivo com avisos de gama Display P3. Grátis, apenas no navegador.

Conversor de HEX para RGB

Ferramentas de Conversão

Converta qualquer código de cor HEX para RGB no seu navegador — hex de 3, 6 e 8 dígitos com alfa, todos suportados. Grátis, instantâneo, sem cadastro, suas cores nunca saem da página.