Como usar
- Digite um tamanho em Valor e escolha uma direção em Converter, por exemplo de px para rem.
- Confira o Tamanho da fonte base (px). Use o tamanho que o seu site define no elemento raiz; 16 px é o padrão dos navegadores.
- Cole o CSS em CSS para converter e escolha Converter px do CSS para rem ou em.
- Copie o CSS com os comprimentos convertidos, ou confira um tamanho na Tabela de conversão.
Como px, rem e em se relacionam
O px é um comprimento absoluto na tela. O rem é um múltiplo do tamanho da fonte do elemento raiz (o elemento html), e o em é um múltiplo do tamanho da fonte do elemento onde ele é usado. As duas unidades seguem o tamanho de fonte base, então, se a base é 16 px, 1 rem é 16 px.
Para converter px em rem, divida pela base. Para converter rem ou em de volta em px, multiplique pela base. Com o mesmo tamanho de base, rem e em dão o mesmo número; eles só diferem quando o tamanho da fonte de um elemento pai não é a base.
rem = px ÷ tamanho da fonte base; px = rem × tamanho da fonte baseO que o conversor de CSS muda e o que não muda
Todo número seguido de px é convertido, inclusive valores negativos e decimais como .5px. Os números são escritos com ponto, como o CSS exige, com no máximo quatro casas decimais e sem zeros à direita. Um comprimento zero vira 0 sem unidade, o que o CSS aceita.
O conversor não analisa o sentido do CSS. Um valor em px dentro de um comentário ou de uma string, como um content com o texto 10px, também é convertido. O conteúdo de url() fica intacto, então um nome de arquivo que termina em px não muda. Confira o resultado antes de usá-lo.
- Use rem para tamanhos de fonte, espaçamentos e larguras que devem crescer quando o visitante muda o tamanho do texto.
- Mantenha 1 px nas bordas finas, em que um valor em rem pode arredondar para uma linha borrada em algumas telas.
Exemplo resolvido: texto de 18 px com base de 16 px
18 dividido por 16 é 1,125, então font-size: 18px vira font-size: 1.125rem. Uma margem de 40 px vira 2.5rem, porque 40 dividido por 16 é 2,5.
Os mesmos 24 px com base de 10 px dão 2,4 rem, e a tabela mostra 24 px como 1,5 rem quando a base é 16 px. O trecho de CSS do exemplo padrão tem seis comprimentos em px; todos os seis são convertidos, e a contagem mostra 6.
Perguntas frequentes
Por que 16 px é o tamanho de fonte base?
A maioria dos navegadores usa 16 px como tamanho de fonte padrão do elemento raiz, então 1 rem é 16 px, a menos que o site defina outro tamanho. Digite o valor que o seu site define no elemento html.
Qual é a diferença entre rem e em?
O rem é baseado no tamanho da fonte do elemento raiz, então vale o mesmo em toda a página. O em é baseado no tamanho da fonte do elemento onde é usado, então o tamanho muda quando os elementos estão aninhados. Com a mesma base, os números são iguais.
Devo converter todo valor em px para rem?
Nem sempre. Uma borda de 1 px fica mais nítida em px em muitas telas, e alguns detalhes pequenos ficam melhores fixos. Use rem para tamanhos de texto, espaçamentos e larguras de layout que devem acompanhar as configurações do visitante.
Por que alguns valores em px do meu CSS não são convertidos?
Um valor em px só é convertido quando está sozinho como comprimento. Valores dentro de url(), e textos como 10pxx ou 10px-2 que não são um comprimento simples, ficam como estão. Confira à mão qualquer valor fora do comum.
Por que a tabela para em 64 px?
Ela lista os tamanhos que os designers mais usam. Para qualquer outro tamanho, digite-o na caixa Valor e escolha a direção.
Fontes
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.