Conversor de PX para REM

As unidades Rem mantêm os layouts acessíveis – elas são dimensionadas de acordo com a preferência de tamanho de fonte do usuário – mas ninguém quer dividir por 16 de cabeça o dia todo. Este conversor faz a aritmética ao vivo: escolha a direção (px → rem, rem → px ou px → em), digite o valor e o resultado aparece instantaneamente junto com uma linha CSS pronta para cópia, como font-size: 0.875rem.

O campo de tamanho base da fonte faz com que a ferramenta se ajuste a qualquer projeto. O padrão do navegador é 16px, então 1rem é igual a 16px pronto para uso, mas muitas bases de código definem html { font-size: 62,5% } para tornar 1rem igual a 10px - insira 10 como base e cada conversão e linha da tabela segue. A direção px → em usa a mesma matemática em relação ao tamanho da fonte do elemento pai em vez da raiz, que é exatamente a diferença entre em e rem em CSS.

Abaixo do resultado, uma tabela de referência mostra os tamanhos de design mais comuns — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 e 64 pixels — já convertidos em sua base atual, com a linha correspondente à base destacada. É a folha de dicas que você manteria colada no monitor, sempre sincronizada com a base que você realmente usa.

Tudo acontece localmente no seu navegador enquanto você digita: sem upload, sem inscrição, sem ida e volta ao servidor. Páginas predefinidas para rem → px, px → em, a base de 10px e valores populares como 14, 24 e 32 px abrem o conversor já configurado para essas questões exatas.