Ferramentas CSS e de desenvolvimento front-end

px para rem

Converta píxeis em rem a partir do tamanho de letra real do elemento raiz do projeto.

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 px em rem com um tamanho de letra raiz personalizado e precisão adequada.

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

Sobre esta ferramenta

px para rem converte píxeis em rem com base no tamanho de letra do elemento raiz. O valor inicial é 16px, mas pode usar 10, 14, 18 ou outro valor superior a 0 para corresponder aos estilos do projeto.

Como utilizar

  1. Introduza os valores em px que pretende converter.
  2. Defina o tamanho de letra raiz real do projeto, sempre superior a 0.
  3. Consulte os resultados e a explicação do cálculo.
  4. Copie os resultados em rem ou limpe a entrada para converter outros tamanhos.

Exemplos de utilização

  • 32px ÷ 16px = 2rem.
  • 24px ÷ 16px = 1.5rem.
  • 20px ÷ 10px = 2rem.

Como funciona o cálculo

rem = px / rootFontSize. As ferramentas 095 e 096 partilham a lógica de conversão, limitam as casas decimais apresentadas e removem zeros finais desnecessários. O tamanho de letra raiz do navegador costuma ser 16px, mas o CSS do projeto e as definições do utilizador podem alterá-lo. Use o valor real.

Utilizações comuns

  • Converter dimensões de um design de píxeis para rem.
  • Uniformizar unidades de espaçamento e tamanhos de letra no projeto.
  • Verificar o efeito de diferentes tamanhos de letra raiz na conversão.

Privacidade

O processamento das entradas, os cálculos, a geração de CSS e as pré-visualizações decorrem no seu navegador. O conteúdo nunca é enviado para um servidor. Não são usados backend, base de dados, API online ou CDN de terceiros, nem as suas entradas são guardadas automaticamente.

FAQ

O que é rem?

rem é uma unidade de comprimento CSS relativa ao tamanho de letra do elemento raiz do documento, normalmente html.

Quantos px tem 1rem?

Depende do tamanho de letra raiz. Com 16px, 1rem = 16px; com 10px, 1rem = 10px.

Porque não posso definir o tamanho de letra raiz como 0?

A conversão de px para rem divide pelo tamanho de letra raiz. Zero causaria divisão por zero, e um tamanho de letra negativo também é inválido.

Qual é a diferença entre rem e em?

rem usa o tamanho de letra do elemento raiz. em está geralmente relacionado com o tamanho de letra do elemento atual; em font-size, usa o tamanho de letra calculado do elemento ascendente.

Voltar ao diretório de ferramentas para programadores