Digite um número, escolha a unidade dele (px, rem ou em), defina o tamanho de fonte base e pressione Executar — as três unidades são calculadas juntas e adicionadas abaixo.

Qual é a diferença entre rem e em?

O rem é sempre medido a partir da raiz do documento (o elemento html), enquanto o em é medido a partir do elemento pai imediato. Isso deixa o rem previsível, já o em vai se acumulando conforme os elementos se aninham. Esta ferramenta usa o tamanho de fonte base que você digitou para os dois, para você comparar lado a lado.

Por que a base é 16px?

A maioria dos navegadores define o tamanho de fonte do documento em 16px, então esse é o padrão aqui. Se o seu projeto usa outro tamanho na raiz, coloque esse. E como o em vem do elemento pai, use o tamanho do pai quando quiser reproduzir uma página real.

Conversor px ↔ rem ↔ em (Unidades CSS)

Conversor px ↔ rem ↔ em

Converta entre px, rem e em a partir de um tamanho de fonte base — 24px é 1,5rem. Útil quando você está trocando de unidade em um layout responsivo.

Digite um valor e uma unidade, depois pressione Executar —
os resultados se acumulam aqui.

Configurações

Valor

Unidade

Tamanho de fonte base (px)

Os navegadores costumam usar 16px por padrão. Como o em é medido a partir do elemento pai, coloque aqui o tamanho de fonte do pai para bater com uma página real.

Conversor px ↔ rem ↔ em

Configurações

Perguntas frequentes

Conversor px ↔ rem ↔ em

Configurações

Perguntas frequentes

Conversor px ↔ rem ↔ em

Configurações

Ferramentas relacionadas

Perguntas frequentes

Conversor px ↔ rem ↔ em

Configurações

Ferramentas relacionadas

Perguntas frequentes