Conversor de unidades CSS

• Conversão instantânea de 18 unidades: converta qualquer valor de unidade CSS para as 18 unidades suportadas instantaneamente - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh e rlh. Nosso conversor de unidades CSS mostra todos os resultados simultaneamente em uma grade limpa por categorias, sem espera.
• Valores base configuráveis: defina o tamanho de fonte raiz, o tamanho de fonte pai, a largura e a altura do viewport para corresponder ao contexto do seu projeto. Escolha entre predefinições comuns (de 375px iPhone a 2560px QHD) ou insira valores personalizados. Todas as conversões são atualizadas instantaneamente ao alterar qualquer configuração.
• Privacidade 100 % no navegador: todas as conversões de unidades CSS acontecem localmente no seu navegador. Seus valores e configurações nunca saem do seu dispositivo - totalmente seguros para projetos proprietários e design systems. Sem envios ao servidor, sem retenção de dados, sem rastreamento.
• Grátis e sem limites: converta unidades CSS ilimitadas sem registro, sem assinatura e sem limites de uso. Nosso conversor de unidades CSS é completamente grátis para sempre, sem recursos premium bloqueados atrás de um paywall.

As unidades CSS definem o tamanho e a medida dos elementos em uma página web. Elas se dividem em quatro categorias principais: unidades absolutas (px, pt, pc, cm, mm, in, q) que têm tamanhos físicos fixos, unidades relativas a fonte (em, rem, %, ch, ex, lh, rlh) que escalam com a tipografia, unidades de viewport (vw, vh, vmin, vmax) que escalam com a janela do navegador, e porcentagem que escala com o elemento pai. Nosso conversor de unidades CSS suporta as 18 unidades e mostra instantaneamente valores equivalentes em todas as categorias.

1. Insira seu valor e selecione a unidade de origem: digite qualquer número e escolha a unidade de origem. Você pode começar com qualquer uma das 18 unidades CSS suportadas - px, pt, pc, cm, mm, in, q, rem, em, %, vw, vh, vmin, vmax, ch, ex, lh ou rlh.
2. Configure as opções dependentes do contexto: defina o tamanho de fonte raiz (para rem, rlh), o tamanho de fonte pai (para em, %, ch, ex), a largura do viewport (para vw, vmin, vmax) e a altura do viewport (para vh, vmin, vmax). Escolha entre predefinições comuns ou insira valores personalizados. Os resultados são atualizados automaticamente ao ajustar qualquer configuração.
3. Leia os resultados instantâneos: veja o valor convertido nas 18 unidades organizadas por categoria (absolutas, relativas a fonte, viewport). Clique em qualquer cartão de resultado para defini-lo como nova entrada e continuar convertendo. Copie valores individuais ou a saída CSS com um clique.

• Unidades absolutas têm tamanhos físicos fixos definidos pela proporção de pixel de referência CSS (96 DPI). 1in = 96px , 1cm ≈ 37.8px , 1pt = 1/72in . São melhores para folhas de estilo de impressão e quando dimensões físicas exatas são necessárias.
• Unidades relativas a fonte escalam com as configurações de tipografia. Use rem para tamanhos relativos à raiz, em para tamanhos relativos ao pai e % como alternativa ao em. Os valores de ch e ex são aproximados (baseados em 0.5× o tamanho da fonte), enquanto lh e rlh assumem a altura de linha padrão de 1.2.
• Unidades de viewport escalam com as dimensões da janela do navegador. 1vw = 1 % da largura do viewport , 1vh = 1 % da altura do viewport , vmin usa a dimensão menor e vmax a maior. Defina o tamanho de viewport desejado para obter equivalentes em pixels precisos.

Todas as conversões de unidades absolutas no nosso conversor de unidades CSS são matematicamente precisas com base na proporção de pixel de referência CSS (1in = 96px). Unidades relativas a fonte (ch, ex, lh, rlh) usam aproximações padrão: ch e ex são estimados em 0.5× o tamanho da fonte, lh em 1.2× o tamanho de fonte pai e rlh em 1.2× o tamanho de fonte raiz. Os valores renderizados reais dependem da fonte específica e do navegador. Para um trabalho preciso ao pixel, verifique sempre com sua tipografia real no navegador de destino.