Conversor PX ↔ REM / EM
Converta pixels para REM e EM e vice-versa com base configurável. Tabela de referência com os tamanhos mais usados em CSS. Essencial para web.
Tabela de referência (base 16px)
| px | rem | pt (aprox.) |
|---|
REM vs EM vs PX
px: tamanho absoluto, não escala com preferências do usuário.
rem: relativo ao elemento raiz (html). Escalável. Recomendado para tipografia acessível.
em: relativo ao elemento pai. Útil para padding e margin proporcionais ao texto local.
Converta px para rem e em
Unidades relativas como rem e em deixam o layout mais acessível e fácil de escalar, e por isso são o caminho do CSS moderno. O problema é que a maioria de nós ainda raciocina em pixels. Este conversor cobre essa distância: você digita o valor em px e recebe o equivalente em rem e em, ou faz o caminho contrário.
Como a conversão depende do tamanho de fonte base, que costuma ser 16px, deixamos essa base configurável para que o número bata com o que está no seu projeto. Há também uma tabela de referência com os tamanhos mais comuns, boa para consulta rápida enquanto você monta a folha de estilos.
O cálculo todo acontece no navegador. Serve bem a quem desenvolve web e quer migrar para unidades relativas sem refazer divisão de cabeça a cada medida.
Ferramentas Relacionadas
Calculadora de Clamp CSS
Gere valores CSS clamp() para tipografia e espaçamentos fluidos. Informe os tamanhos mínimo/máximo e as larguras de viewport — o resultado é o clamp() pronto para colar no CSS.
Conversor de Unidades CSS
Converta entre px, em, rem, %, pt, vh, vw para valores comuns de design — base 16 px configurável. Tudo no navegador.
Gerador de Loader CSS
Crie spinners e loaders em CSS puro com 8 estilos (anel, pontos, pulso, barras, etc.). Ajuste cor, tamanho e velocidade. Sem libs, sem GIFs. Tudo no navegador.