Conversor de pixels para EM

Resultados

Converta um valor em pixels usando um tamanho de fonte como base. Para em, a base deve ser o tamanho local relevante; para rem, o tamanho do elemento raiz (<html>). Os 16 px iniciais são apenas um valor comum.

Como fazer a conversão

  1. 1

    Informe os pixels

    Digite qualquer valor numérico CSS em pixels.

  2. 2

    Escolha a base correta

    Use o tamanho local para `em` e o tamanho raiz para `rem`. A base não pode ser zero.

  3. 3

    Veja os quatro resultados

    A ferramenta mostra a razão em em/rem, a porcentagem e o valor em pontos CSS.

Fórmulas e exemplo

em ou rem = px / base · porcentagem = px / base × 100 · pt = px × 0,75

Com 24px e base de 16px, o resultado é 1.5em, 1.5rem, 150% e 18pt. Em CSS, 96px = 72pt; isso não representa necessariamente pixels físicos da tela.

Unidade Referência correta
em Tamanho calculado do elemento; em font-size, o tamanho herdado
rem Tamanho de fonte do elemento raiz
% Base escolhida expressa como 100%
pt Relação CSS fixa; não usa o campo base
  • Tamanhos em aninhados se multiplicam.
  • em e rem mostram o mesmo número porque há um único campo base, mas o significado CSS continua diferente.
  • em/rem exibem até seis casas decimais; porcentagem/pt, até quatro, sem zeros finais.

Perguntas frequentes

Use rem para medidas ligadas à raiz e em quando o componente precisar acompanhar o texto local.

Não. Preferências do navegador e o CSS do site podem alterá-la. Confira o tamanho calculado quando a precisão for importante.

O site os processa no servidor. No fluxo em etapas, eles também aparecem na URL; não informe dados sensíveis.

Ferramentas relacionadas

Ferramenta disponível em outros idiomas