Conversor px para rem
Converta pixels e rem com tamanho base personalizável.
Pixels e rem no CSS
Rem é um múltiplo do tamanho de fonte da raiz da página, em geral 16 px no navegador. A conta é rem = px ÷ raiz, e px = rem × raiz.
Exemplo: 24 px com raiz 16 viram 1,5 rem. Se o seu projeto muda o font-size do html para 10 px ou 62,5%, informe essa raiz para a conversão bater com o CSS. Px de margem e rem de texto podem conviver; a escolha é do layout.
Perguntas frequentes
Qual tamanho base devo usar?
O padrão do navegador é 16px. Use o mesmo valor definido no root (html) do seu CSS.
Os cálculos são enviados ao servidor?
Não. Tudo roda no seu navegador.
Qual a raiz padrão?
16 pixels, o padrão da maioria dos navegadores quando o CSS não altera o html.
Rem e em são iguais?
Não. Rem olha a raiz. Em olha o font-size do elemento pai, e por isso encadeia.
Por que meu 1 rem não tem 16 px?
O site definiu outro font-size em html. Coloque esse valor no campo da raiz.