Conversor de Pixel para REM/EM
Converta px em rem e em para CSS, com tamanho de fonte raiz e pai ajustável — porque rem e em não dependem da mesma coisa.
O REM é sempre relativo ao tamanho da fonte do elemento raiz (<html>). O EM é relativo ao tamanho da fonte do próprio elemento atual — que pode ser diferente em cada lugar onde é usado. Ajuste o tamanho pai acima para ver como o resultado do EM muda independentemente do REM.
Instantâneo e ao vivo
Cada unidade é atualizada enquanto você digita — sem botão "Converter", sem espera.
REM e EM mantidos separados
Entradas independentes para o tamanho da fonte raiz e pai, já que não são a mesma coisa.
Privado por design
Funciona inteiramente no seu navegador. Nada é enviado ou registrado.
Converter PX para REM e EM online
No tamanho de fonte raiz padrão de 16px, 16px equivale a 1rem. O conversor da CurePDF calcula rem e em a partir de um valor em pixels (ou converte no sentido inverso), usando o tamanho de fonte raiz e pai que você especificar — já que nem todo site usa o padrão do navegador.
Como funciona a conversão de PX para REM
Exemplos práticos (raiz de 16px): 16px / 16 = 1rem. 20px / 16 = 1,25rem. 24px / 16 = 1,5rem.
REM vs. EM: não é a mesma coisa
O REM é sempre relativo ao tamanho da fonte do elemento raiz <html> — um único valor para a página inteira. O EM é relativo ao tamanho da fonte do próprio elemento atual, que pode ser diferente em cada nível de conteúdo aninhado. Isso significa que o mesmo valor em pixels pode se converter em um valor EM diferente dependendo de onde é usado, enquanto sempre se converte no mesmo valor REM.
Por que usar REM em vez de pixels no CSS?
Os valores em REM se ajustam automaticamente quando um usuário altera o tamanho de fonte base do navegador nas configurações de acessibilidade, enquanto os valores fixos em pixels não. Isso torna o rem um padrão mais acessível para o dimensionamento de texto, com o em reservado para casos em que um tamanho realmente deve se ajustar ao seu elemento pai (como um espaçamento interno que deve crescer com o tamanho da fonte de um botão).
Perguntas frequentes
Quanto é 16px em rem?
Com o tamanho de fonte raiz padrão de 16px, 16px equivale a 1rem. A fórmula é rem = px / tamanho de fonte raiz.
REM é o mesmo que EM?
Não. REM é sempre relativo ao tamanho de fonte do elemento raiz (html). EM é relativo ao tamanho de fonte do próprio elemento atual, que pode variar em cada nível de conteúdo aninhado — então o mesmo valor em pixels pode se traduzir em valores EM diferentes dependendo de onde é usado.
Por que usar REM em vez de pixels no CSS?
Quando um usuário muda o tamanho de fonte base do navegador (para acessibilidade), os valores em REM se ajustam automaticamente, enquanto valores fixos em pixels não — o que torna o REM uma unidade mais acessível para o dimensionamento de texto.
Qual é o tamanho de fonte raiz padrão?
16px na configuração padrão de todo navegador principal. Este conversor usa 16px por padrão, mas permite que você o altere para corresponder ao CSS real de um site.