Conversor PX para EM

A tipografia relativa depende dessa base: um em é igual ao tamanho de fonte computado do pai, então dezesseis pixels com uma base de dezesseis pixels são um em, e um vírgula cinco em com a mesma base são vinte e quatro pixels.

O que px e em significam e o que a resposta contém

Uma conversão de comprimento CSS entre pixels e em responde a uma pergunta estreita de layout: dada uma magnitude em uma unidade e um tamanho de fonte do pai em pixels, qual é a magnitude equivalente na outra unidade para que espaçamento, escala tipográfica e tamanhos de componentes permaneçam proporcionais quando a cascata muda. Pixels são comprimentos absolutos e independentes de dispositivo no CSS; em é relativo ao tamanho de fonte computado do elemento pai, então o mesmo valor em se ajusta quando o tamanho de fonte do pai muda. Os ids canônicos são px para pixels e em para a unidade relativa em; grafias do dia a dia como pixel, pixels e ems normalizam para esses ids, de modo que formulários, query strings e planilhas possam reutilizar o mesmo contrato sem inventar enums privados. Esta calculadora aceita um value numérico, um tamanho de fonte base em pixels, uma unidade de origem e uma unidade de destino, e então retorna o result convertido arredondado a uma precisão estável, os identificadores canônicos from e to, rótulos legíveis, um valor intermediário em pixels, uma string compacta result_css como 1.5em e um lembrete curto de fórmula. Não há cálculo de viewport, nem consulta à raiz rem, nem simulação de media query: o motor ou multiplica e divide pela base fornecida dentro da faixa de magnitude suportada, ou rejeita a entrada com invalid_input. Casos rejeitados incluem value, base, from ou to ausentes; números não finitos; magnitudes acima do teto documentado; strings de unidade desconhecidas; e qualquer base que seja zero ou numericamente zero, porque em igual a px sobre base dividiria por zero. Se você precisar de rem, porcentagem, unidades de viewport ou conversão geral entre categorias, use as ferramentas dedicadas a esses domínios; esta página responde apenas px versus em com um tamanho de fonte do pai conhecido e uma saída numérica estável, adequada para planilhas, testes unitários e consumidores de API que não podem inventar fatores.

Como value, base e unidades são lidos e como os resultados permanecem reproduzíveis

Notação científica opcional em strings numéricas é permitida quando ela é interpretada como um decimal finito; espaços internos, prefixos hexadecimais e tokens não numéricos são rejeitados com uma mensagem clara, para que uma célula ruim não vire um tamanho de fonte errado. Requisições de mesma unidade ecoam o value após validar a base, o que mantém o contrato uniforme para formulários que sempre enviam um tamanho do pai. Os campos preferidos são value para a magnitude do comprimento CSS, base para o tamanho de fonte do pai em pixels, from para a unidade de origem e to para a unidade de destino, com os apelidos amount, length, n, quantity e size para value; base_px, parent, parent_font_size, font_size e root para base; unit, from_unit, source e input_unit para from; e target, to_unit, output_unit e into para to, para que clientes heterogêneos compartilhem um único contrato. Zero é um value válido e simplesmente resulta em zero na unidade de destino, mas uma base 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 os apelidos decimals e dp, escolhe quantas casas decimais expor para value, base, result e value_px, com padrão dez e limite de quinze, para que os goldens JSON permaneçam estáveis. O cálculo passa por pixels: se from é em, multiplique value pela base para obter pixels; se to é em, divida essa magnitude em pixels pela base. Combine a execução gratuita no navegador desta página com a API paga quando precisar do resultado matemático idêntico dentro de um pipeline automatizado sem reimplementar a matemática tipográfica por conta própria.

Onde a conversão px–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, a validação que falha não é cobrada e nada é armazenado depois que a resposta retorna. Essa divisão — exploração interativa gratuita e uma API paga e idêntica — combina com o restante do catálogo tier A do KIT e permite que você passe de uma demonstração em sala de aula para um pipeline automatizado sem mudar o resultado matemático.