Conversor px para rem

Um conversor px para rem transforma um comprimento CSS em pixels ou rem na outra unidade usando o tamanho de fonte raiz que você realmente publica. Informe o valor numérico, escolha from e to como px ou rem, e defina base como o font-size raiz (do html) em pixels — comumente dezesseis em navegadores de desktop, às vezes quatorze ou dezoito em design systems. A ferramenta retorna a magnitude convertida, uma string css pronta para colar como um rem ou dezesseis px, a fórmula usada e a substituição passo a passo, para que os tokens de design e as revisões de código permaneçam alinhados. Migrações de tema, auditorias de tipografia fluida, entregas de Figma para CSS e escalonamento de fonte para acessibilidade precisam todos dessa mesma matemática determinística de rem igual a px sobre a raiz, sem abrir um inspetor do navegador.

O que px e rem significam para a tipografia CSS

No CSS, um comprimento em pixels (px) é uma unidade de comprimento absoluta usada em layouts, bordas e tokens de tipografia legados. Um comprimento em rem é relativo ao font-size do elemento raiz — quase sempre o elemento html — então um rem é igual ao que quer que esse font-size raiz seja em pixels. Se a raiz for dezesseis pixels, então dezesseis px é igual a um rem, trinta e dois px é igual a dois rem, e zero vírgula cinco rem é igual a oito px.

Os design systems preferem rem para escalas tipográficas e espaçamento porque usuários que aumentam a fonte padrão do navegador, ou que definem uma raiz maior por acessibilidade, obtêm um crescimento proporcional sem caçar cada pixel fixo. Converter no sentido contrário importa quando uma biblioteca ainda emite tokens em px ou quando uma ferramenta de design exporta tamanhos fixos em pixels e você precisa de declarações em rem que correspondam à raiz de produção.

A conversão em si é elementar: rem é igual a px dividido pela base, e px é igual a rem multiplicado pela base, em que base é o font-size raiz em pixels. O que confunde as equipes não é a fórmula, mas bases incompatíveis — supor dezesseis quando a folha de estilo define o font-size do html como sessenta e dois vírgula cinco por cento (dez px) ou como cento e doze vírgula cinco por cento (dezoito px).

Esta calculadora força a base a ficar explícita, de modo que o resultado sempre corresponda à escala que você diz usar. Bases zero e próximas de zero são rejeitadas porque a divisão por zero não é um comprimento CSS válido; demonstrações em sala de aula e testes unitários devem incluir esse caminho de falha para que os clientes nunca tratem rem silenciosamente como infinito.

Dicas práticas, limites e buscas relacionadas

Mantenha value e base dentro da faixa absoluta publicada, para que os produtos não estourem em um resultado não finito que o solver precise rejeitar. Prefira enviar números em vez de strings pré-formatadas quando você controla o cliente; strings numéricas só são aceitas quando correspondem a um padrão numérico finito estrito.

Documente o font-size raiz ao lado de cada tabela de tokens: se o html usa sessenta e dois vírgula cinco por cento do padrão do usuário, base é dez px para um padrão de user agent de dezesseis pixels, e um título de vinte e quatro px vira dois vírgula quatro rem — não um vírgula cinco rem.

Quando from é igual a to, a ferramenta retorna o valor inalterado, para que os pipelines possam normalizar unidades sem um caso especial, mas a base ainda é obrigatória e ainda é validada como diferente de zero.

Esta página de destino é voltada para quem busca um conversor px para rem, uma calculadora de rem para px ou uma ferramenta de tipografia CSS de font-size raiz; ela não é um conversor de em relativo a um elemento pai, nem um gerador de clamp fluido, nem uma calculadora de unidades de viewport. Prefira esta capacidade quando você já conhece o tamanho da raiz em pixels e só precisa da conversão de comprimento; se precisar dos estilos computados ao vivo de uma página real, use as ferramentas do navegador.

Verificações de ida e volta são fáceis: converta px para rem e de volta com a mesma base e confirme o valor original dentro do mesmo arredondamento de doze casas decimais.