Conversor de unidades CSS (px / rem / em)
Sites externos relacionados
Alguns links são links de afiliados.
Ferramentas relacionadas
Converta um comprimento CSS entre px, rem, em, pt e porcentagem. Como rem depende do tamanho da fonte raiz e em e % dependem do tamanho da fonte pai (base), você pode definir ambos — o padrão é 16px, o padrão do navegador. Digite um valor, escolha sua unidade e veja todos os equivalentes de uma vez. Tudo funciona no seu navegador.
Como usar
- Digite um valor e escolha sua unidade.
- Defina o tamanho da fonte raiz e o tamanho base para em/%.
- Leia ou copie o equivalente em cada unidade.
Como funciona
Todos os valores são primeiro convertidos para pixels: rem multiplica pelo tamanho da fonte raiz, em multiplica pelo tamanho da fonte base (pai), pt usa a proporção CSS de 96/72 e porcentagem é o tamanho base multiplicado pelo valor dividido por 100. A partir de pixels, a ferramenta converte de volta para cada unidade. É por isso que 1.5rem com uma raiz de 16px equivale a 24px, e 12pt equivale a 16px.
Recursos
Todas as unidades de uma vez
Veja px, rem, em, pt e % juntos para um mesmo valor.
Raiz e base personalizadas
Defina os tamanhos de fonte raiz e pai dos quais rem, em e % dependem.
Copie qualquer unidade
Obtenha o valor exato que você precisa para o seu CSS.
Privado e instantâneo
Toda conversão ocorre no seu navegador; nada é enviado.
Quando usar
Design responsivo
Converta maquetes em pixels para unidades rem escaláveis.
Acessibilidade
Use rem para que o texto respeite o tamanho de fonte do usuário.
Componentes
Calcule valores em relativos ao tamanho de fonte de um componente.
Estilos de impressão
Converta entre pt e px para CSS de impressão.
Observações
- rem é relativo ao tamanho da fonte raiz (html).
- em e porcentagem são relativos ao tamanho da fonte pai (base).
- pt usa a proporção padrão 96/72 (1pt = 1,333px).
- Todos os cálculos são executados no seu dispositivo; nada é enviado.
Perguntas frequentes
- Qual é a diferença entre rem e em?
- rem é relativo ao tamanho da fonte raiz, enquanto em é relativo ao tamanho da fonte do elemento pai. Defina ambos os tamanhos aqui.
- Por que o padrão é 16px?
- 16px é o tamanho de fonte raiz padrão na maioria dos navegadores, então 1rem equivale a 16px, a menos que seja alterado.
- Como pt é convertido?
- Usando a proporção CSS de 96/72, então 1pt equivale a aproximadamente 1,333px e 12pt equivale a 16px.
- Contra o que a porcentagem é convertida?
- A porcentagem é relativa ao tamanho da fonte base (pai), como em — 100% equivale ao tamanho base.
- Meus dados são enviados?
- Não. Tudo é convertido no seu navegador e nada sai do seu dispositivo.