Ferramentas CSS e de desenvolvimento front-end

rem para px

Converta rem em píxeis e verifique a relação entre o tamanho de letra raiz e as dimensões CSS finais.

Valores de entrada

Processamento no navegador

Pré-visualização em tempo real

Atualização automática ao alterar os parâmetros
Selecione ou copie diretamente

Converta rem em px com um tamanho de letra raiz personalizado e consulte a fórmula e o resultado.

Os dados introduzidos são processados apenas no seu navegador e nunca enviados para um servidor.

Sobre esta ferramenta

rem para px faz a conversão inversa de px para rem. Introduza os valores rem e o tamanho de letra raiz real para calcular os píxeis correspondentes no navegador e compreender as dimensões relativas dos estilos existentes.

Como utilizar

  1. Introduza os valores rem a converter.
  2. Indique um tamanho de letra raiz superior a 0; o valor inicial é 16px.
  3. Consulte o resultado em px e a explicação do cálculo.
  4. Copie o resultado ou carregue um exemplo para verificar conversões comuns.

Exemplos de utilização

  • 1.5rem × 16px = 24px.
  • 2rem × 16px = 32px.
  • 1.25rem × 20px = 25px.

Como funciona o cálculo

px = rem × tamanho de letra da raiz. Com uma raiz de 16px, 1,5rem equivalem a 24px. Os estilos do site e as preferências do utilizador podem alterar a raiz; converta com o valor real.

Utilizações comuns

  • Comparar estilos em rem com dimensões em píxeis de um design.
  • Compreender alterações de tamanho quando um tema modifica a letra raiz.
  • Verificar rapidamente tamanhos de letra, margens e dimensões de contentores.

Privacidade

Os dados introduzidos e os resultados são tratados apenas no seu navegador, sem serem enviados ou guardados automaticamente. Copie os resultados que pretender conservar antes de sair da página.

FAQ

Porque nem sempre 1rem equivale a 16px?

rem usa o tamanho de letra real do elemento raiz. O CSS do projeto ou as definições do utilizador podem alterar essa base.

O tamanho de letra raiz pode ser 18 ou 20?

Sim. Pode usar qualquer número válido superior a 0 dentro do intervalo aceite pela ferramenta; não tem de ser 16.

O zoom do navegador altera esta fórmula?

A fórmula relaciona píxeis CSS com rem. Os píxeis físicos apresentados no ecrã dependem também do zoom e da densidade de píxeis do dispositivo.

Porque não têm alguns resultados casas decimais?

Se o resultado estiver próximo de um inteiro, a ferramenta remove zeros finais desnecessários para facilitar a utilização direta no CSS.

Voltar ao diretório de ferramentas para programadores