Conversor de PX para REM Gratuito
Converta pixels para unidades rem e rem para pixels com tamanho de fonte base configurável. Inclui uma tabela de referência rápida com 15 valores comuns. Sem cadastro.
100% gratuito — nenhuma conta necessária
Resultado
1rem
Referência Rápida
| PX | REM | |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem |
Recursos de Conversor de PX para REM Gratuito
Pare de calcular valores rem de cabeça
Tamanho Base Personalizado
Defina qualquer tamanho de fonte base (padrão 16px) para combinar com seu projeto.
Bidirecional
Converta px para rem e rem para px com resultados instantâneos.
Copiar Valores
Copie qualquer valor da tabela ou resultado da conversão com um clique.
Tabela de Referência
Consulta rápida para 15 valores comuns de px e seus equivalentes em rem.
FAQ
Por que usar rem em vez de px?
Unidades rem são relativas ao tamanho da fonte raiz, tornando seus designs responsivos e acessíveis. Usuários que aumentam o tamanho da fonte do navegador verão seu conteúdo escalar corretamente.
Qual tamanho de fonte base devo usar?
16px é o padrão do navegador e a escolha mais comum. Alguns sistemas de design usam 10px (facilitando a matemática: 1.6rem = 16px), mas isso requer definir html { font-size: 62.5% }.
Quando ainda devo usar px?
Use px para bordas, box-shadows e detalhes finos que não devem escalar. Use rem para tamanhos de fonte, padding, margens e qualquer espaçamento que deve escalar com as preferências do usuário.
Mais Utilitários para Desenvolvedores
Gerador de gradientes CSS, verificador de contraste de cores e muito mais.