Ferramentas para desenvolvedores

Conversor de Unidades CSS

Converta valores entre píxeis, rem, em, percentagem, vw, vh e unidades físicas para folhas de estilo CSS.

Executar ferramenta

O conversor de unidades CSS permite transformar valores numéricos entre diferentes medidas tipográficas e de layout na criação de folhas de estilo. O utilitário processa unidades absolutas e relativas, incluindo píxeis (px), rem, em, percentagem (%), pontos (pt), centímetros (cm), milímetros (mm), polegadas (in), bem como frações da área de visualização (vw e vh). Nas conversões que dependem do contexto de tipografia, como em ou rem, o cálculo utiliza o tamanho base da fonte configurado. Nas conversões orientadas para o ecrã com vw e vh, os cálculos utilizam a largura e a altura definidas para a área de visualização. O processamento converte a medida de origem num valor intermédio em píxeis antes de gerar o número final na unidade de destino pretendida. Os valores calculados são apresentados com arredondamento até quatro casas decimais. Caso a dimensão base ou a medida de visualização relevante seja zero, o conversor devolve zero nas unidades dependentes desse denominador.

Instruções

  1. Introduza o valor numérico que pretende converter no campo respetivo.
  2. Selecione a unidade de origem e a unidade de destino nas opções disponíveis.
  3. Ajuste o tamanho base da fonte caso utilize unidades relativas como rem, em ou percentagem.
  4. Defina a largura e a altura da área de visualização se efetuar cálculos com vw ou vh.
  5. Inicie a conversão para visualizar o resultado final e o valor correspondente em píxeis.

Exemplos

  • Converter 32 px para rem com tamanho base de 16 px resulta em 2 rem.
  • Converter 192 px para vw com largura de ecrã de 1920 px resulta em 10 vw.

Perguntas frequentes

Como funciona a conversão entre píxeis e unidades rem?

O valor em píxeis é dividido pelo tamanho base configurado (por omissão 16 px). Por exemplo, 24 px com base 16 resulta em 1.5 rem.

O que acontece se a dimensão base ou do ecrã for definida como zero?

Quando o tamanho base é zero, as conversões para em, rem ou percentagem resultam em 0. Da mesma forma, com largura ou altura nulas, a conversão para vw ou vh devolve 0.

Quantas casas decimais são apresentadas nos cálculos?

Tanto o valor convertido final como o valor intermédio em píxeis são arredondados até quatro casas decimais.

Incorporar esta ferramenta

Adicione esta ferramenta funcional da SmartPlusLab ao seu site com o código abaixo.