Conversor de Unidades CSS

Conversor de Rem para Px

Converta rem para pixels instantaneamente. Conversor CSS rem para px 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

Converta Rem para Pixels

Insira um valor rem para convertê-lo para pixels. A conversão multiplica seu valor rem pelo tamanho de fonte raiz (padrão 16px). Use isso quando precisar entender a saída real em pixels de unidades CSS relativas.

Valores Comuns de Rem para Pixels

RemPixels (base 16px)Pixels (base 14px)Contexto
0.5rem8px7pxEspaçamento pequeno
0.75rem12px10.5pxTexto pequeno
0.875rem14px12.25pxTexto do corpo (alguns frameworks)
1rem16px14pxTamanho de fonte base
1.25rem20px17.5pxTexto do corpo grande
1.5rem24px21pxCabeçalhos H3 / seção
2rem32px28pxCabeçalhos H2
3rem48px42pxCabeçalhos H1

Como Usar

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

Exemplo do Mundo Real

Você vê font-size: 1.25rem nos estilos calculados e precisa saber o tamanho real em pixels. Com um tamanho de fonte raiz de 16px, multiplique 1.25 × 16 = 20px. Se seu framework usar base de 14px, seria 1.25 × 14 = 17.5px.

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