Sobre esta ferramenta
px para rem converte píxeis em rem com base no tamanho de letra do elemento raiz. O valor inicial é 16px, mas pode usar 10, 14, 18 ou outro valor superior a 0 para corresponder aos estilos do projeto.
Como utilizar
- Introduza os valores em px que pretende converter.
- Defina o tamanho de letra raiz real do projeto, sempre superior a 0.
- Consulte os resultados e a explicação do cálculo.
- Copie os resultados em rem ou limpe a entrada para converter outros tamanhos.
Exemplos de utilização
- 32px ÷ 16px = 2rem.
- 24px ÷ 16px = 1.5rem.
- 20px ÷ 10px = 2rem.
Como funciona o cálculo
rem = px ÷ tamanho de letra da raiz. Com uma raiz de 16px, 24px equivalem a 1,5rem. O valor predefinido costuma ser 16px, mas os estilos do site e as preferências do utilizador podem alterá-lo; use o valor real.
Utilizações comuns
- Converter dimensões de um design de píxeis para rem.
- Uniformizar unidades de espaçamento e tamanhos de letra no projeto.
- Verificar o efeito de diferentes tamanhos de letra raiz na conversão.
Privacidade
Os dados introduzidos e os resultados são tratados apenas no seu navegador, sem serem enviados ou guardados automaticamente. Copie os resultados que pretender conservar antes de sair da página.
FAQ
O que é rem?
rem é uma unidade de comprimento CSS relativa ao tamanho de letra do elemento raiz do documento, normalmente html.
Quantos px tem 1rem?
Depende do tamanho de letra raiz. Com 16px, 1rem = 16px; com 10px, 1rem = 10px.
Porque não posso definir o tamanho de letra raiz como 0?
A conversão de px para rem divide pelo tamanho de letra raiz. Zero causaria divisão por zero, e um tamanho de letra negativo também é inválido.
Qual é a diferença entre rem e em?
rem usa o tamanho de letra do elemento raiz. em está geralmente relacionado com o tamanho de letra do elemento atual; em font-size, usa o tamanho de letra calculado do elemento ascendente.