Como usar
- Defina o tamanho da fonte base (
html font-size) no campo correspondente. O padrão do navegador costuma ser 16px. - Digite um valor em pixels, como
24, no campo PX. - O campo REM exibirá instantaneamente o resultado de
1.5rem. Você também pode digitar um valor no campo REM (ex:2rem) para obter a conversão em pixels (32px). - Consulte a tabela abaixo para conferir rapidamente os espaçamentos, tamanhos de fonte padrão e as classes utilitárias do Tailwind.
Recursos principais
- Conversão bidirecional instantânea: Digite em PX ou REM e obtenha o valor oposto imediatamente, sem necessidade de clicar em botões de cálculo.
- Tamanho de fonte base customizável: Comece com o padrão de 16px ou mude para 10px, 14px ou qualquer outro valor de raiz configurado no seu projeto.
- Tabela de equivalências integrada: Tamanhos de fonte e espaçamentos comuns são atualizados automaticamente com base no tamanho de fonte base definido.
- Referência para Tailwind Spacing: Visualize de forma simples os tokens de espaçamento do Tailwind correspondentes aos valores em pixels informados.
- Seguro, leve e local: Todos os cálculos são realizados localmente na memória do seu navegador, funcionando perfeitamente sem requisições de rede.
Ferramentas relacionadas
A Calculadora FIRE 2026 definitiva com ajuste pela inflação. Evite números ilusórios simulando o crescimento dos juros compostos com poder de compra real. Analise as lacunas de poupança e exporte para CSV para seus painéis no Excel ou Notion. 100% privada, com cálculos locais.
Calcule o tamanho da posição de trade a partir do saldo da conta, risco %, preço de entrada e stop loss. Roda localmente no navegador, sem uploads, para comparar cenários de risco antes de operar.
Calcule os juros compostos a partir do capital inicial, aportes periódicos, rendimento anual e prazo. Visualize capital, juros e saldo final com um gráfico interativo local.
Use esta Calculadora de Empréstimo / Financiamento para estimar a parcela mensal, os juros totais e a tabela de amortização localmente. Informe o valor, a taxa e o prazo para calcular agora com gráficos instantâneos.
Use esta Calculadora de Investimento / ROI para estimar capital inicial, aportes mensais, rendimento anual e resultados ajustados pela inflação localmente. Calcule os retornos projetados com gráfico de juros compostos, ROI e tabela anual na hora.
Use esta Calculadora de APR para APY para converter entre APR e APY localmente. Informe uma taxa, escolha a frequência de capitalização e veja a taxa efetiva anual, a diferença e a tabela comparativa na hora.
Use esta Calculadora de Margem de Lucro para calcular lucro bruto, Markup, Margem e preço de venda localmente. Informe custo e preço, ou custo e margem-alvo, e calcule suas margens na hora.
Use esta Calculadora de CPM e CPC para estimar gasto com anúncios, impressões, cliques, CPM, CPC e CTR localmente. Informe orçamento e custos-alvo para planejar cenários de campanha na hora.
Lógica de cálculo
- Fórmula de PX para REM:
REM = PX / Base Size. - Fórmula de REM para PX:
PX = REM × Base Size. - Usando o tamanho de raiz padrão do navegador (16px), temos que
16px = 1reme24px = 1.5rem.
Perguntas frequentes
Quantos pixels equivalem a 1rem?
Na maioria dos navegadores, 1rem equivale a 16px por padrão. Se o seu projeto redefinir essa regra no CSS usando html { font-size }, insira o valor correspondente no campo de tamanho base.
Qual é a diferença entre PX e REM?
PX é uma unidade de pixel absoluta e fixa. REM é uma unidade relativa ao tamanho da fonte do elemento raiz (html), sendo ideal para layouts responsivos e acessibilidade, respeitando a configuração de tamanho de texto do usuário.
Por que alguns projetos usam a base de 10px?
Muitas equipes definem html { font-size: 62.5%; } no CSS para que 1rem seja equivalente a 10px. Isso facilita o cálculo mental dos desenvolvedores, mas deve ser usado com atenção aos recursos de acessibilidade do navegador.
A ferramenta também converte para EM?
Não. Esta calculadora foca nas unidades PX e REM. A unidade EM varia conforme o tamanho da fonte do próprio elemento pai ou do próprio elemento, não possuindo uma conversão linear e fixa como o REM em relação à raiz.
Minhas informações de estilo ou design são enviadas a servidores?
Não. Todas as conversões são feitas localmente na memória do seu navegador, sem qualquer envio de arquivos ou processamento externo.