Por que usar REM em vez de PX?
REM (Root EM) é uma unidade relativa ao font-size do elemento raiz (<html>). Ao contrário de pixels, que são fixos, valores em REM escalam proporcionalmente quando o usuário ajusta o tamanho de fonte nas configurações do navegador — o que melhora a acessibilidade e a responsividade do layout.
Fórmula de conversão
A conversão é direta: REM = PX ÷ base e PX = REM × base. Com a base padrão de 16px, 24px = 1.5rem e 1rem = 16px. Muitos projetos adotam font-size: 62.5% (= 10px) no html para facilitar o cálculo: nesse caso, 1rem = 10px.
Como usar esta ferramenta
Altere o campo "Root Font-size" para refletir a base do seu projeto. Em seguida, digite o valor em PX para obter o equivalente em REM, ou vice-versa. Ambos os campos atualizam em tempo real e a troca de base recalcula automaticamente os dois blocos.