PX para REM

Converta px em rem — instantaneamente no seu navegador, nada carregado.

Convert a whole CSS block

CSS with rem values

O dimensionamento em rem em vez de px permite que seu layout seja dimensionado de acordo com a configuração de tamanho de fonte do navegador do usuário, o que é melhor para acessibilidade. Este conversor gratuito de px para rem faz as contas em relação ao tamanho da fonte raiz (16px por padrão) e também pode reescrever um bloco CSS inteiro de uma vez, substituindo cada valor de px por seu equivalente rem. Tudo é executado no seu navegador, então nada é carregado e funciona offline depois de carregado.

Perguntas frequentes

Como faço para converter px em rem?

Digite um valor na caixa acima e o resultado convertido aparecerá imediatamente, usando o tamanho de fonte raiz que você definiu (16px é o padrão do navegador). Para converter muitos valores de uma vez, cole um bloco CSS inteiro na segunda caixa e cada valor px será reescrito para rem automaticamente.

Qual é a fórmula?

rem = px ÷ tamanho da fonte raiz. Com a raiz padrão de 16px, 24px se torna 1,5rem. Se o seu projeto definir um tamanho de fonte raiz diferente, altere o campo base e tudo será recalculado.

Por que usar rem?

rem é dimensionado de acordo com o tamanho de fonte do navegador escolhido pelo usuário, de modo que o texto e o espaçamento aumentam para pessoas que precisam de letras maiores – uma vantagem de acessibilidade que os tamanhos fixos de px evitam.

Altera 0 valores ou valores dentro de outras unidades?

Zero permanece como 0 (nenhuma unidade é necessária) e apenas os valores de px são tocados – porcentagens, unidades de janela de visualização e outros comprimentos são deixados exatamente como estão. Sua estrutura CSS, comentários e formatação são preservados.

É gratuito e privado?

Sim. É totalmente gratuito, sem inscrição, e a conversão é uma simples aritmética feita no seu navegador – nada é carregado e funciona offline assim que a página é carregada.