CalculaAqui

Conversor de Pixels para REM

Converta Pixels (px) para REM instantaneamente para desenvolvimento web responsivo e CSS, com base padrão de 16px.

px
rem

Tamanhos Comuns:

16 px = 1 rem

O que é Pixel (px) e REM em CSS?

A conversão de Pixels (px) para REM é essencial para desenvolvedores front-end, designers de interface e arquitetos de software que criam páginas web acessíveis e responsivas. - Pixel (px): Unidade de medida absoluta no CSS, correspondente a um ponto físico ou lógico na tela do dispositivo. - REM (Root EM): Unidade relativa que define tamanhos proporcionais ao tamanho da fonte raiz (`html { font-size }`) do documento. Por padrão em todos os navegadores modernos (Google Chrome, Firefox, Safari e Edge), o tamanho da fonte raiz é de 16px ($1\text{ rem} = 16\text{ px}$). Utilizar REM em vez de pixels fixos permite que o layout do site respeite as preferências de acessibilidade e zoom do usuário. Para converter Pixels em REM, divide-se o valor em pixels pelo tamanho base (geralmente 16).

Fórmula de Conversão de px para rem

rem=pxbase (16)\text{rem} = \frac{\text{px}}{\text{base (16)}}

Para transformar pixels (px) em rem, divida a quantidade de pixels pelo tamanho da fonte base raiz (padrão de 16px).

Legenda das Variáveis:

  • remTamanho resultante em unidades REM
  • pxTamanho inicial em Pixels
  • 16Tamanho padrão de font-size raiz do navegador (16px)

Fórmula Inversa:

px=rem×base (16)\text{px} = \text{rem} \times \text{base (16)}

Como usar a Calculadora de px para rem

  1. Informe o tamanho em Pixels (px) no primeiro campo.
  2. O valor proporcional em REM será gerado instantaneamente em tempo real.
  3. Você também pode preencher o campo de REM para ver a equivalência em pixels.
  4. Utilize os botões de atalhos rápidos com tamanhos clássicos de tipografia e espaçamentos (ex: 8px, 12px, 14px, 16px, 20px, 24px, 32px, 48px).
  5. Clique em Copiar Texto para exportar o valor formatado para o seu arquivo CSS.

Tabela Rápida de px para rem (Base 16px)

pxremDescrição
8 px0,5 remEspaçamento extra pequeno ou legenda
12 px0,75 remTexto secundário (small/caption)
14 px0,875 remTexto de corpo intermediário
16 px1 remTexto base padrão de navegadores (body)
18 px1,125 remSubtítulos destacados ou botões
20 px1,25 remTítulo H4
24 px1,5 remTítulo H3
32 px2 remTítulo H2
48 px3 remTítulo H1 principal

Exemplos Práticos

1. Tamanho base de parágrafo (16 px)

Em rem: 16 ÷ 16 = 1 rem.

2. Título principal com 32 px

A medida em rem é: 32 ÷ 16 = 2 rem.

3. Espaçamento de margem de 24 px

A margem equivale a: 24 ÷ 16 = 1,5 rem.

Perguntas Frequentes sobre Pixels e REM

Quanto vale 1 rem em pixels?

Por padrão nos navegadores, 1 rem vale exatamente 16 pixels (16px).

Índice da Página

Ferramentas Relacionadas