Conversor de PX para REM
Converta px para rem, rem para px e px para em em qualquer tamanho de base da fonte, com uma linha CSS pronta a copiar e uma tabela de referência em tempo real.
🔒 Processado inteiramente em seu navegador – nada que você digita aqui é carregado.
Resultado
As unidades rem mantêm os layouts acessíveis — escalam com a preferência de tamanho de fonte do utilizador — mas ninguém quer dividir por 16 de cabeça o dia todo. Este conversor faz a aritmética em tempo real: escolha a direção (px → rem, rem → px ou px → em), escreva o valor e o resultado aparece instantaneamente juntamente com uma linha CSS pronta a copiar como font-size: 0.875rem.
O campo do tamanho de base da fonte faz com que a ferramenta se adapte a qualquer projeto. O padrão do browser é 16px, por isso 1rem equivale a 16px de origem, mas muitas bases de código definem html { font-size: 62.5% } para fazer com que 1rem sejam 10px — introduza 10 como base e todas as conversões e linhas da tabela acompanham. A direção px → em usa a mesma matemática em relação ao tamanho de fonte do elemento pai em vez da raiz, que é exatamente a diferença entre em e rem em CSS.
Por baixo 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 píxeis — já convertidos na sua base atual, com a linha correspondente à base destacada. É a cábula que, de outra forma, teria colada ao monitor, sempre em sincronia com a base que realmente usa.
Tudo acontece localmente no seu browser enquanto escreve: sem envios, sem inscrições, sem comunicação com o servidor. As 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 perguntas exatas.