LÂMINA · DEV
Converter px em rem (e rem em px)
Digita o valor em qualquer um dos dois campos e o outro se ajusta na hora — com a base configurável e uma tabela das conversões mais usadas pra copiar direto.
Conversões comuns
| px | rem | copiar |
|---|---|---|
| 4px | 0.25rem | |
| 8px | 0.5rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 32px | 2rem | |
| 48px | 3rem | |
| 64px | 4rem |
A conta roda no seu navegador. Base 16px é o padrão dos navegadores — só muda se o seu CSS muda o font-size do html.
Processado no seu navegador — seus arquivos não saem do seu computador.
Como funciona
-
Confere a base
16px por 1rem é o padrão dos navegadores — só muda se o seu CSS muda o font-size do html. Aceita vírgula ou ponto.
-
Digite px ou rem
A conversão é nos dois sentidos: digitou pixels, o rem aparece; digitou rem, os pixels aparecem. Mudou a base? Tudo recalcula.
-
Copia o resultado
Um clique copia o valor em rem pronto pro CSS. Ou usa a tabela de conversões comuns (4 a 64 px), que também recalcula pela sua base e tem copiar por linha.
Perguntas frequentes
O que é rem?
É a unidade de CSS relativa ao font-size do elemento raiz (html). Com a base padrão de 16px, 1rem = 16px, 1.5rem = 24px. Se o usuário aumentar a fonte do navegador, tudo que está em rem cresce junto — por isso é a unidade preferida pra texto.
Por que a base padrão é 16px?
Porque é o font-size que todos os navegadores aplicam ao html por padrão. Se o seu projeto define outro valor (html { font-size: 62.5% } → base 10, por exemplo), é só trocar o campo "Base" que a conta inteira se ajusta.
Quando usar rem em vez de px?
Rem pra tamanho de fonte, espaçamento e tudo que deve escalar com a preferência do usuário — é questão de acessibilidade. Px pra coisas que não devem escalar, como bordas de 1px. Na dúvida, texto sempre em rem.
E em (sem o r), é a mesma coisa?
Não. Em é relativo ao font-size do elemento pai, então o valor muda conforme onde o elemento está — fácil de perder o controle em componentes aninhados. Rem é sempre relativo ao html, previsível em qualquer lugar. Esta calculadora trabalha com rem.
Posso digitar valores quebrados, tipo 13,5?
Pode — vírgula ou ponto, tanto faz. O resultado sai com até 4 casas decimais, sem zeros sobrando (0.25rem, e não 0.2500rem).
Algum dado sai do meu navegador?
Não. É uma divisão e uma multiplicação rodando localmente — sem rede, sem cadastro, sem armazenar nada.