Conversor PX para REM
Converta comprimentos CSS entre px, rem e em com um tamanho de fonte base configuravel (navegadores usam 16px por padrao).
Sobre o Conversor PX para REM
Converta comprimentos CSS entre px, rem e em com um tamanho de fonte base configuravel (navegadores usam 16px por padrao). Digite qualquer valor e as outras unidades atualizam na hora; depois copie CSS pronto como `1.5rem`. Uma tabela de referencia rapida lista tamanhos de pixel comuns na sua base atual - util para escalas estilo Tailwind e testes de font-size raiz. Tudo roda no navegador. Combine com o Conversor HEX para RGB ou o Conversor de Pixels para Polegadas.
Como usar o Conversor PX para REM
- Defina o tamanho da fonte base em px (padrao 16) ou toque em um preset como 14 ou 18.
- Digite um valor em px, rem ou em - os outros dois campos atualizam sozinhos.
- Copie unidades individuais ou as tres de uma vez para a sua folha de estilos.
- Use a tabela de referencia rapida para tamanhos comuns na base atual. Nada e enviado.
Exemplos de Conversor PX para REM
16px com base 16px
16px = 1rem = 1em quando a fonte base e 16px (o padrao do navegador).
24px para rem
24px / 16 = 1.5rem. Util para titulos medios e tokens de espacamento.
Root personalizado de 10px
Se html { font-size: 10px }, entao 20px = 2rem. Mude a base para 10 e converta.
Texto body 0.875rem
0.875rem com base 16px equivale a 14px - um corpo pequeno comum.
Casos de uso comuns
- Converter valores px do design em rem para CSS fluido
- Conferir rem e em com um font-size raiz personalizado
- Montar ou auditar uma escala de espacamento com a tabela
- Traduzir passos estilo Tailwind em tokens rem
- Comparar em e rem com a mesma base de referencia
Perguntas frequentes sobre o Conversor PX para REM
- Como converto px para rem?
- Divida os pixels pelo tamanho da fonte raiz em px. Com base 16px, rem = px / 16. Exemplo: 24px / 16 = 1.5rem. A ferramenta calcula enquanto voce digita.
- Qual a diferenca entre rem e em?
- rem e relativo ao font-size do elemento raiz. em e relativo ao do pai. Aqui ambos usam a base escolhida para comparar com um unico tamanho de referencia.
- Qual tamanho de fonte base devo usar?
- A maioria dos navegadores usa 16px quando html nao define font-size. Se o seu sistema usa html { font-size: 62.5% } ou 10px / 18px, informe esse valor em pixels como base.
- Posso converter rem ou em de volta para px?
- Sim. Digite um valor rem ou em e o campo px atualiza. Formula: px = rem (ou em) vezes o tamanho da fonte base.
- Para que serve a tabela de referencia rapida?
- Lista tamanhos px comuns (de 4 a 96) com rem e em na base atual para voce revisar uma escala sem digitar cada valor.
- Meus dados saem do dispositivo?
- Nao. O Conversor PX para REM roda apenas no navegador. Os valores nao sao enviados nem armazenados em servidor.
Ferramentas relacionadas
Conversor de Pixels para Polegadas
Converta pixels para polegadas e polegadas para pixels usando DPI (PPI). Inclui exemplos prontos para impressão em web e design a 300 DPI.
Conversor de HEX para RGB
Converta HEX para RGB (e o inverso) com HSL, CMYK, escala de tons, cartões de contraste WCAG e snippet de tokens CSS - conversor de cores grátis online.
Conversor de RGB para HSL
Converta RGB para HSL e HSL para RGB na hora. Conversor de cores grátis com amostra ao vivo e CSS rgb() e hsl() prontos para copiar.
Gerador de Gradientes CSS
Crie gradientes CSS lineares, radiais e conicos com preview ao vivo. Escolha color stops, copie o CSS de background e cole na sua folha de estilos. Roda no navegador.