Os resultados são fornecidos apenas para fins informativos e podem conter erros. Verifique de forma independente as informações importantes. O uso desta ferramenta é por sua conta e risco.
O que esta ferramenta faz
O Conversor de Unidades CSS converte um comprimento entre px, rem, em, pt e %. Digite um valor, escolha a unidade e defina o tamanho de fonte base (16px por padrão, que é o que os navegadores usam a menos que o usuário o altere), e a página lista o mesmo comprimento nas cinco unidades.
As conversões seguem a especificação CSS: 1rem é igual ao tamanho da fonte raiz, então com base de 16px 1.5rem dá 24px. Um ponto é 1/72 de polegada e um pixel CSS é 1/96, então 12pt dá 16px. Aqui, em e % são calculados sobre a mesma base, o que corresponde a um tamanho de fonte definido em um elemento cujo pai usa o tamanho raiz. Nada sai do seu navegador.
Quando usar
- Transformar os valores em pixels de um mockup em
rem, para que o texto acompanhe as configurações de fonte do usuário. - Converter uma folha de estilos de impressão ou um design em PDF especificado em pontos.
- Descobrir quanto vale um tamanho de fonte em
%quando você herda o CSS de outra pessoa. - Montar uma escala tipográfica em que cada degrau precisa de um valor
remredondo.
Exemplo prático
Entrada
24px, base 16pxSaída
px 24.000
rem 1.5000
em 1.5000
pt 18.000
% 150.00%Perguntas sobre esta ferramenta
Devo usar rem ou px para tamanhos de fonte?
Use rem para tamanhos de fonte e para a maior parte dos espaçamentos. Quando alguém aumenta o tamanho de fonte padrão do navegador para ler melhor, os valores em rem crescem junto, enquanto os valores em px ficam fixos.
Qual é a diferença entre rem e em?
rem é sempre relativo ao tamanho de fonte da raiz (html). em é relativo ao tamanho de fonte do elemento atual, então elementos aninhados se multiplicam: 1.2em dentro de 1.2em dá 1,44 vez a base. O conversor calcula os dois sobre a base que você informar.
Por que 1pt não é igual a 1px?
O CSS fixa a polegada em 96 pixels, e um ponto é 1/72 de polegada, então 1pt equivale a 1,333px. Por isso, um texto de 12 pontos em um editor de texto tem o mesmo tamanho que 16px na web.
Que tamanho base devo informar?
Use 16, a menos que a sua folha de estilos defina outro tamanho raiz, como html { font-size: 62.5%; }, que deixa a base em 10px. Informe o tamanho que o elemento html efetivamente assume.
Esta ferramenta é gratuita?
Sim, é grátis. Sem cadastro nem e-mail. Veja o resultado nesta página.
Como recebo o resultado?
Use a ferramenta nesta página. O resultado aparece aqui, sem envio por e-mail.