Conversor px ↔ rem ↔ em ↔ vw
Transforme qualquer medida CSS nas outras unidades na hora. Ajuste o tamanho base e a janela para equivalências exatas e clique num resultado para copiá-lo.
Processado 100% no seu navegador
Como posso verificar?
Seus arquivos nunca são enviados: são processados no seu dispositivo. Verifique você mesmo: carregue a página, desligue o Wi-Fi e a ferramenta continua funcionando. Ou abra as ferramentas de desenvolvedor do navegador (F12), aba «Rede»: nenhum arquivo sai do seu dispositivo.
Equivalências
Tabela px → rem
Ctrl + Enter executarCtrl + C copiar resultado
Como usar
- 1Digite o valor e escolha a unidade.
- 2Ajuste o tamanho de fonte base (16 px por padrão) e o da janela.
- 3Clique numa equivalência para copiá-la.
- 4Consulte a tabela px para rem para tamanhos comuns.
Casos de uso
- Converter um design em pixels para rem num CSS acessível.
- Calcular larguras relativas ao viewport com vw e vh.
- Transformar pontos de um design de impressão em pixels.
- Usar uma base de 10 px para simplificar os cálculos.
Perguntas frequentes
Quantos px é 1 rem?
16 px por padrão, o tamanho de fonte dos navegadores. Muda se o usuário ou o CSS alterar a fonte raiz.
Qual a diferença entre rem e em?
rem depende da fonte do elemento raiz; em, da do próprio elemento ou do pai. Aqui ambos usam o tamanho base informado.
Por que usar rem em vez de px?
Porque respeita a configuração de tamanho de texto do usuário, melhorando a acessibilidade.
Como vw e vh são calculados?
1vw é 1 % da largura da janela e 1vh 1 % da altura; por isso você os informa em pixels.