📐
Conversor PX ↔ REM
Converta valores entre pixels e rem com base no font-size raiz configurável.
Referência rápida (base: 16px)
Ferramentas Relacionadas
O Conversor de PX para REM do Utilitarioz converte valores entre pixels e rem, com base configurável (padrão 16px). Essencial para criar layouts responsivos e acessíveis que respeitam as preferências de tamanho de fonte do usuário.
Por que usar rem em vez de px?
- ▸rem respeita as configurações de acessibilidade do navegador
- ▸Usuários que aumentam o tamanho de fonte no browser se beneficiam
- ▸Facilita escalar todo o layout mudando apenas a fonte base
- ▸WCAG 2.1 recomenda rem para texto e elementos de layout
Fórmula de conversão
rem = px ÷ base. Com base 16px: 24px = 24÷16 = 1.5rem. Se a base foi alterada para 10px no :root (font-size: 62.5%), então 24px = 2.4rem.
Perguntas Frequentes — Conversor PX ↔ REM
Qual a diferença entre rem e em?
rem é relativo ao tamanho de fonte do elemento raiz (html). em é relativo ao elemento pai. rem é mais previsível em layouts complexos.
Como definir base 10px para facilitar cálculos?
Adicione html { font-size: 62.5%; } — isso faz 1rem = 10px na maioria dos navegadores, tornando a conversão mais simples (16px = 1.6rem).