PX to REM Converter

Converte entre pixels e unidades REM pra CSS responsivo

🔒 100% no browser🆓 Grátis pra sempre⚡ Sem sign-up
Nota: A interface da ferramenta abaixo por enquanto está só em inglês. Estamos traduzindo uma por uma. Ver essa ferramenta em inglês →
Common sizes
PixelsREMSample
12px0.75remAa
14px0.875remAa
16px1remAa
18px1.125remAa
20px1.25remAa
24px1.5remAa
32px2remAa
40px2.5remAa
48px3remAa
64px4remAa

REM is relative to the root <html> font size - usually 16px by default. Using REM instead of PX means your layout scales when users change their browser text size.

Como funciona

  1. 1
    Seta a base

    O root font size padrão é 16px - o default do browser. Muda se seu CSS overrideas.

  2. 2
    Digita em qualquer field

    Digita pixels ou REM; o outro atualiza na hora.

  3. 3
    Consulta a tabela

    Tamanhos comuns de design system vêm pré-convertidos, com preview visual de cada font size.

Sobre PX to REM Converter

PX to REM converter grátis online. Digita um valor em pixels pra sair o equivalente em REM (ou vice-versa) baseado no seu root font size. Inclui uma tabela de tamanhos comuns com preview ao vivo. Roda inteiro no seu browser. PX to REM Converter no 712 Tools roda inteiro dentro do seu browser via APIs nativas de JavaScript - nenhum server vê seus dados. Isso significa resultado na hora, privacidade total e nenhum limite de upload.

Seja pra uma sessão de debug, uma checagem rápida ou um incidente em produção, essa ferramenta é grátis e sem limite de uso. Sem watermarks, sem sign-up e sem ads dentro da ferramenta.

Perguntas frequentes

Por que REM em vez de PX?

REM escala com o root font size do user - então users que aumentam o text size do browser também recebem um layout maior. Melhor acessibilidade sem trabalho extra.

E EM?

EM é relativo ao font size do elemento pai - útil pra escalonamento interno de componentes mas confuso num layout inteiro. REM é relativo só à raiz.

E se meu root for 62.5%?

É o truque 'REM = 10px' - seta root font-size pra 62.5% e 1rem = 10px. Muda o field base pra 10 nessa tool.