Sobre esta ferramenta
rem para px faz a conversão inversa de px para rem. Introduza os valores rem e o tamanho de letra raiz real para calcular os píxeis correspondentes no navegador e compreender as dimensões relativas dos estilos existentes.
Como utilizar
- Introduza os valores rem a converter.
- Indique um tamanho de letra raiz superior a 0; o valor inicial é 16px.
- Consulte o resultado em px e a explicação do cálculo.
- Copie o resultado ou carregue um exemplo para verificar conversões comuns.
Exemplos de utilização
- 1.5rem × 16px = 24px.
- 2rem × 16px = 32px.
- 1.25rem × 20px = 25px.
Como funciona o cálculo
px = rem × rootFontSize. A função de conversão é partilhada com px para rem e remove resíduos decimais sem significado da aritmética de vírgula flutuante ao apresentar o resultado. O tamanho de letra raiz do navegador costuma ser 16px, mas pode ser alterado pelo CSS do projeto.
Utilizações comuns
- Comparar estilos em rem com dimensões em píxeis de um design.
- Compreender alterações de tamanho quando um tema modifica a letra raiz.
- Verificar rapidamente tamanhos de letra, margens e dimensões de contentores.
Privacidade
O processamento das entradas, os cálculos, a geração de CSS e as pré-visualizações decorrem no seu navegador. O conteúdo nunca é enviado para um servidor. Não são usados backend, base de dados, API online ou CDN de terceiros, nem as suas entradas são guardadas automaticamente.
FAQ
Porque nem sempre 1rem equivale a 16px?
rem usa o tamanho de letra real do elemento raiz. O CSS do projeto ou as definições do utilizador podem alterar essa base.
O tamanho de letra raiz pode ser 18 ou 20?
Sim. Pode usar qualquer número válido superior a 0 dentro do intervalo aceite pela ferramenta; não tem de ser 16.
O zoom do navegador altera esta fórmula?
A fórmula relaciona píxeis CSS com rem. Os píxeis físicos apresentados no ecrã dependem também do zoom e da densidade de píxeis do dispositivo.
Porque não têm alguns resultados casas decimais?
Se o resultado estiver próximo de um inteiro, a ferramenta remove zeros finais desnecessários para facilitar a utilização direta no CSS.