Converter px em rem
Converta pixels CSS em rem usando a fonte raiz que você informar.
Testar um exemplo explicado
Testar um exemplo explicado
Converta pixels CSS em rem usando a fonte raiz que você informar.
Confira as unidades e opções e use o botão de cálculo da ferramenta. O exemplo é fictício; substitua os valores para fazer seu próprio cálculo.
Texto de exemplo
- Valor em pixels CSS
- 24
- Tamanho da fonte raiz (px)
- 16
Resultado esperado
24px ÷ 16px = 1,5rem
O cálculo divide o valor em pixels pela fonte raiz para obter rem.
Aguardando a ferramenta. A explicação continua disponível sem JavaScript.
Método e limites
Digite o valor em pixels e o tamanho da fonte do elemento raiz. O exemplo inicial usa 16 px; ajuste-o ao seu CSS.
A ferramenta não lê o tamanho da fonte do seu projeto. Ela usa apenas o valor informado.
Compartilhar esta ferramenta
Só o link público da ferramenta é compartilhado. Seus dados e resultados ficam aqui.
Mostrar link para copiar manualmente
Em resumo
O cálculo divide o valor em pixels pela fonte raiz para obter rem.
O código da página e seus recursos são carregados do site. Os dados digitados são processados no navegador, sem uma solicitação de cálculo.
Como usar
Digite o valor em pixels e o tamanho da fonte do elemento raiz. O exemplo inicial usa 16 px; ajuste-o ao seu CSS.
Limites
A ferramenta não lê o tamanho da fonte do seu projeto. Ela usa apenas o valor informado.
Perguntas frequentes
16 px é obrigatório?
Não. É apenas o valor inicial; informe a fonte raiz usada no seu projeto.
A ferramenta lê meu CSS?
Não. Ela não acessa sua folha de estilos.
Como é feita a conversão de px em rem?
Divida o valor em pixels pelo tamanho informado para a fonte raiz.
Saiba mais
Fontes e referências
As fontes documentam a norma ou API citada; elas não validam o resultado da ferramenta.