Conversor de REM para PX

Unidades rem em CSS escalam a partir do tamanho de fonte do elemento raiz — tipicamente o elemento html — não de cada pai como em. Um rem equivale ao tamanho em pixels que a raiz estiver usando. Navegadores usam 16 px na raiz por padrão, então 1 rem = 16 px de fábrica salvo se sua folha de estilo mudar html { font-size }. rem respeita zoom do usuário e configurações de acessibilidade que ampliam texto padrão; px permanece absoluto na grade de pixels.

Handoffs de design do Figma e Sketch geralmente anotam px, enquanto codebases de produção frequentemente escrevem espaçamento e tipografia em rem para consistência com tokens. Este conversor faz a ponte no tamanho raiz escolhido do projeto. Muitos design systems mantêm raiz 16 px; algumas equipes definem raiz 10 px para matemática mental mapear 1,6 rem ≈ 16 px — sempre corresponda ao valor no CSS global.

Alterne rem → px ou px → rem com o controle segmentado. O rótulo do campo valor muda para mostrar qual unidade você está informando. O campo tamanho de fonte raiz define o multiplicador — se seu truque html { font-size: 62.5% } está ativo, isso é raiz efetiva 10 px, não 16 px.

Exemplo prático com campos padrão rem → px: 1,5 rem com raiz 16 px. Multiplique 1,5 × 16 = 24 px de manchete. O resumo diz «1,5 rem @ raiz 16 px» e a linha de fórmula mostra 1,5 × 16. Mude para px → rem com 48 px informados e você obtém 3 rem (48 ÷ 16).

Entradas comuns de escala de espaçamento: 0,25 rem = 4 px, 0,5 rem = 8 px, 1 rem = 16 px, 1,5 rem = 24 px, 2 rem = 32 px na raiz padrão. Passos de tipografia frequentemente usam 0,875 rem (14 px) para copy pequena de UI e 1,125 rem (18 px) para texto grande que qualifica sob limites WCAG de contraste para texto grande.

Erros comuns incluem converter com raiz 16 px enquanto produção usa raiz 10 px (tudo sai menor), misturar padding rem com line-height em em em componentes aninhados, e assumir padrão do navegador após o usuário mudar tamanho de texto de acessibilidade do SO — rem flui com essa configuração, px não.

Unidades em estão fora do escopo de propósito — em compõe por font-size pai aninhado, então um multiplicador único não representa todas as cadeias em. Use esta ferramenta só para rem e px.

Limites: conversão de valor único — sem calc() com unidades mistas, vw de viewport ou breakpoints clamp(). Resultados subpixel podem aparecer para raízes ímpares; navegadores arredondam px na renderização.