Pixels para unidades em
Converta um tamanho em pixels para em: 24 px dentro de um pai de 16 px são 1,5 em, prontos para colar como 1.5em. Assim o texto e os espaçamentos crescem com a fonte do pai e com os ajustes do leitor. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Px
- 24
- Elemento pai
- 16
- Em
- 1,5
- Em (CSS)
- 1.5em
- Razão
- 1,5
- Precisão
- 10
Este conversor de pixels para em transforma um tamanho de fonte CSS informado em pixels em unidades em usando o tamanho de fonte do elemento pai como base de referência. A identidade usada é totalmente determinística: em é igual a px dividido pelo pai. Designers, engenheiros frontend e auditores de acessibilidade usam essa conversão ao reescrever escalas tipográficas fixas em folhas de estilo escaláveis que crescem com as configurações de fonte do usuário e o contexto de componentes aninhados. O motor usa apenas aritmética finita, sem chamadas de rede, sem amostragem e sem atalhos dependentes de data.
Onde a conversão px para em se encaixa em design systems, CSS e software
Design systems frequentemente armazenam tokens de espaçamento e tipografia em pixels para as ferramentas de design, enquanto o CSS de produção prefere em para componentes aninhados que devem escalar com o tamanho de fonte local; um único conversor determinístico evita o desvio da calculadora manual quando um designer, um engenheiro frontend ou um estudante reescreve uma folha de estilo.
Auditorias de acessibilidade convertem paddings fixos em pixels e tamanhos ligados à linha em em para que o zoom de texto e as configurações de fonte do usuário ampliem alvos de toque de forma proporcional; templates de e-mail e skins legadas ainda misturam comprimentos absolutos e relativos e precisam de uma verificação rápida offline antes de um lançamento.
Professores passam lições de casa que exigem uma checagem rápida de corpo a dezesseis pixels e títulos a vinte e quatro sem confiar em apps opacos que mudam silenciosamente para rem ou omitem a base do pai. Desenvolvedores chamam o mesmo contrato a partir de scripts para semear vetores de teste determinísticos para geradores de tema, normalizar tamanhos digitados pelo usuário antes de dimensionar demos ou atender enunciados de desafios de programação que exigem razões exatas em vez de uma estimativa aproximada.
Ferramentas de produto usam a reescrita quando um aprendiz ou um agente digita vinte e quatro pixels e um pai de dezesseis e a interface deve mostrar um ponto cinco em lado a lado com o eco em pixels. Mantenha ferramentas rem ou de viewport separadas quando a referência for a raiz em cascata ou o viewport em vez do tamanho de fonte do pai, e mantenha este conversor focado quando a pergunta for estritamente de pixels para unidades em em tipografia escalável e acessível.
Casos de uso
Tokens de design e escalas tipográficas
Converta tokens de tipografia e espaçamento em pixels para em para que componentes aninhados escalem com o tamanho de fonte do pai.
Reescritas de folha de estilo e acessibilidade
Reescreva tamanhos de fonte fixos em pixels para em para que o zoom de texto e a fonte do usuário ampliem o layout de forma proporcional.
Perguntas frequentes
Como pixels e em se relacionam?
Um em equivale ao tamanho de fonte do pai, então 24px com parent 16 produz 1.5em.
O que acontece se o tamanho de fonte do pai for zero?
Um parent zero torna em = px/parent indefinido (divisão por zero).
Esta ferramenta converte em de volta para pixels, ou rem?
Não. Esta capacidade só converte pixels para em dado um tamanho de fonte do pai explícito em pixels. Use ferramentas dedicadas para conversão inversa ou para rem.
Por que os resultados são arredondados a uma precisão?
A precisão padrão é 10 casas decimais; você pode definir precision de 0 a 15.
Por que converter tamanhos em pixels para em?
Porque o em acompanha o tamanho de fonte do elemento pai. Quando o leitor aumenta a fonte ou dá zoom no texto, os tamanhos em em crescem na mesma proporção, o que melhora a acessibilidade e mantém os componentes equilibrados.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/str/px-to-em \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"px":24,"parent":16}'const res = await fetch("https://api.kit.forhosting.com/str/px-to-em", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"px": 24,
"parent": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/px-to-em",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"px": 24,
"parent": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/px-to-em", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"px":24,"parent":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"px":24,"parent":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/px-to-em", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"px": 24,
"parent": 16
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.px_to_em",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Limites
max_abs_value | 1000000000000000 |
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
A tipografia relativa depende dessa base: um em equivale ao tamanho de fonte calculado do pai, de modo que vinte e quatro pixels com um pai de dezesseis pixels são um ponto cinco em, e catorze pixels com o mesmo pai são zero ponto oito sete cinco em.
O que pixels e em significam e o que a resposta contém
Uma conversão CSS de pixels para em responde a uma pergunta de layout objetiva: dado um tamanho de fonte ou um comprimento de espaçamento em pixels e o tamanho de fonte do elemento pai em pixels, qual é a magnitude equivalente em em para que o tipo, o padding e os tamanhos de componente permaneçam proporcionais quando a cascata ou o zoom do usuário mudam. Pixels são comprimentos absolutos independentes do dispositivo em CSS; em é relativo ao tamanho de fonte calculado do elemento pai, de modo que o mesmo valor em escala automaticamente quando a fonte do pai muda. Zero é um valor px válido e simplesmente produz zero em, útil ao limpar um token de tamanho ou ao afirmar um espaçamento vazio. Esta calculadora aceita um valor numérico px e um tamanho de fonte do pai em pixels e devolve o resultado em arredondado a uma precisão estável, uma string compacta em_css como 1.5em pronta para colar em uma folha de estilo, as entradas ecoadas, um campo ratio igual ao resultado em para clareza em tabelas e um breve lembrete da fórmula. Nesta página não há caminho inverso de em para px, nem busca de raiz rem, nem matemática de viewport, nem simulação de media-query: o motor divide px por parent dentro da faixa de magnitude suportada ou rejeita a entrada com invalid_input. Os casos rejeitados incluem px ou parent ausentes, números não finitos, magnitudes acima do teto documentado e qualquer parent zero ou numericamente zero, porque em igual a px sobre parent dividiria por zero. Se você precisar de conversão bidirecional, rem, percentuais ou unidades de viewport, use as ferramentas dedicadas a esses domínios; esta página responde apenas de pixels para em com um tamanho de fonte do pai conhecido e saída numérica estável adequada a planilhas, testes unitários e consumidores de API que não devem inventar fatores à mão.
Como px, parent e precision são lidos e como os resultados se mantêm reproduzíveis
Notação científica opcional em strings numéricas é permitida quando o parse resulta em decimal finito; espaços embutidos, prefixos hex e tokens não numéricos são rejeitados com mensagem clara para que uma célula ruim de planilha não se torne um tamanho de tipo errado. O cálculo é uma única divisão: em é igual a px dividido por parent. Professores também podem usar o mesmo contrato para corrigir tarefas que pedem converter uma escala tipográfica em pixels para em em títulos e corpo aninhados. Os campos preferidos são px para a magnitude em pixels e parent para o tamanho de fonte do pai em pixels, com aliases pixels, size, font_size, value e amount para o campo de pixels, e base, parent_px, parent_font_size, base_font_size e root para o campo parent, para que clientes heterogêneos compartilhem um único contrato. Um parent zero sempre falha com invalid_input porque a conversão relativa em é indefinida sem um tamanho de fonte do pai diferente de zero. Um campo opcional precision, com aliases decimals e dp, escolhe quantas casas decimais expor para px, parent, em e ratio, com padrão dez e limite quinze para que goldens JSON permaneçam estáveis entre runtimes. Combine a execução gratuita no navegador desta página com a API cobrada quando precisar do mesmo resultado matemático dentro de um pipeline automatizado sem reimplementar a matemática tipográfica por conta própria.
Onde a conversão px para em se encaixa em design systems, CSS e software
Nesta página o trabalho roda inteiramente no seu navegador; pela API cada consulta bem-sucedida custa US$ 0,002, validação falha não é cobrada e nada é armazenado após a resposta. Essa divisão — exploração interativa gratuita e uma API idêntica cobrada — combina com o restante do catálogo KIT de nível A e permite passar de uma demo de sala de aula a um pipeline automatizado sem alterar o resultado matemático.
Casos de integração
Fixtures determinísticas de CI
Gere pares px→em reproduzíveis para geradores de tema, testes unitários e pipelines de design systems.
Perguntas técnicas
Quanto custa o conversor de pixels para em?
É grátis no seu navegador nesta página. Pela API uma solicitação bem-sucedida custa US$ 0,002; entradas inválidas não são cobradas.