Imagem e tela

Conversor de unidades CSS

Converta comprimentos CSS comuns somente quando o contexto necessário for explícito. Forneça os tamanhos de fonte da raiz e dos elementos atuais para que rem e em não assumam silenciosamente a mesma base.

● Executa localmente
Valores de exemplo
Funciona no seu navegador · Não é necessária conta

Conversor de unidades CSS

Comprimento CSS convertido
01

Fórmula

1rem = root px · 1em = element px · 1pt = 96/72 px

Normalize a unidade de origem para pixels de referência CSS e divida pelo fator de pixel contextual da unidade de destino.

02

Suposições

  • Os tamanhos das fontes da raiz e dos elementos são estritamente positivos.
  • O pixel de referência CSS é usado em vez de um pixel físico medido da tela.

Esta ferramenta assume a relação de referência CSS 1in = 96px e 1pt = 1/72in. As unidades e porcentagens da viewport são excluídas.

03

Revisão de fórmula

Formula v1.0.0

Revisado 2026-08-03

CalcFlow engineering review

Exemplo trabalhado

Conversor de unidades CSS: Exemplo trabalhado

Em uma raiz de 16 px, 24 px ÷ 16 = 1,5 rem. De acordo com a regra do pixel de referência, 24 px também equivale a 18 pt.

Perguntas frequentes

Perguntas frequentes

Qual é a diferença entre rem e em?

rem usa o tamanho da fonte do elemento raiz. em usa o contexto de tamanho de fonte do elemento atual.

Por que as porcentagens são excluídas?

Uma porcentagem pode depender de diferentes propriedades e conter blocos, portanto, um contexto escalar não é suficiente.

Um CSS px é um pixel físico?

Não necessariamente. CSS define um pixel de referência que os navegadores mapeiam para os pixels do dispositivo de acordo com a exibição e o zoom.