← Conversor de Unidades CSS

Conversor de Px para Rem

Converta pixels para unidades rem instantaneamente. Conversor CSS px para rem gratuito online com ajuste de tamanho de fonte base.

100% no navegador. Seus dados nunca saem do seu computador.

÷base
Configurações da viewport
Insira um valor acima para converter entre unidades CSS

Ferramentas Relacionadas

📐
Conversor de Unidades CSS

Converta entre unidades CSS instantaneamente: px, rem, em, vw, vh, pt, cm, mm, in e mais. Configure o tamanho da fonte base e as dimensões da viewport para conversões relativas precisas.

 📐
Conversor de Unidades: Comprimento, Peso, Temperatura e Mais

Converta instantaneamente entre unidades de comprimento, peso, temperatura, velocidade, área, volume, dados e tempo. Métrico, imperial e mais. Sem servidor, sem cadastro.

Converta Pixels para Rem

Insira um valor em pixels para convertê-lo para unidades rem. A conversão divide seu valor em pixels pelo tamanho de fonte raiz (padrão 16px). Esta é a conversão de unidades CSS mais comum para desenvolvimento web moderno.

Valores Comuns de Pixels para Rem

PixelsRem (base 16px)Rem (base 14px)Caso de Uso
12px0.75rem0.857remTexto pequeno
14px0.875rem1remTexto do corpo
16px1rem1.143remTamanho de fonte base
18px1.125rem1.286remTexto de cabeçalho
24px1.5rem1.714remCabeçalhos H3
32px2rem2.286remCabeçalhos H2
48px3rem3.429remCabeçalhos H1

Como Usar

  1. A ferramenta abre com 16px pré-preenchido, convertendo para 1rem
  2. Digite qualquer valor em pixels no campo de entrada
  3. Ajuste o tamanho da fonte base se seu projeto usar algo diferente de 16px
  4. Copie o valor rem da tabela de resultados

Exemplo do Mundo Real

Uma especificação de design requer 24px de preenchimento com um tamanho de fonte raiz de 16px. Divida 24 por 16 para obter 1.5rem. Se seu tamanho de fonte raiz for 14px, divida 24 por 14 para obter aproximadamente 1.714rem.

Para mais conversões, consulte o Conversor de Unidades CSS completo ou experimente Rem para Px.