DevBento logoDevBento
Ferramentas/Conversor de Unidades CSS Online

Conversor de Unidades CSS Online

Converta entre unidades CSS: px, rem, em, vw, vh, pt e mais. Configure o tamanho da fonte base e as dimensões da viewport para conversões relativas precisas.

÷base
Configurações da viewport
Insira um valor acima para converter entre unidades CSS
Conversões Relacionadas
Conversor de Px para Rem
Converta pixels para unidades rem instantaneamente. Conversor CSS px para rem gratuito online com ajuste de tamanho de fonte base.
Conversor de Rem para Px
Converta rem para pixels instantaneamente. Conversor CSS rem para px gratuito online com ajuste de tamanho de fonte base personalizável.
Ferramentas Relacionadas
rgbConversor de Cores + Paleta
Convert color unit values
📐Conversor de Unidades Online
Converta entre unidades de comprimento, peso, temperatura, velocidade, área, volume, dados e tempo. Métrico, imperial e mais. Sem servidor, sem cadastro.

Conversor de Unidades CSS

Conversão entre qualquer unidade CSS com cálculos precisos e contextuais. Insira um valor, selecione a unidade de origem e veja o equivalente nos 14 tipos de unidades CSS instantaneamente.

Unidades Suportadas

Unidade Tipo Descrição
px Absoluta Pixel, a unidade base para tela
pt Absoluta Ponto (1pt = 1/72 polegada, 1pt ≈ 1.333px)
pc Absoluta Pica (1pc = 12pt)
cm Absoluta Centímetro
mm Absoluta Milímetro
in Absoluta Polegada (1in = 96px)
rem Relativa Em raiz, relativo ao tamanho da fonte raiz
em Relativa Em, relativo ao tamanho da fonte do elemento pai
vw Viewport 1% da largura do viewport
vh Viewport 1% da altura do viewport
vmin Viewport 1% da dimensão menor do viewport
vmax Viewport 1% da dimensão maior do viewport
ex Fonte Altura x aproximada (≈ 0.5em)
ch Fonte Largura de caractere aproximada (≈ 0.6em)

Como Usar

  1. Insira um valor numérico no campo de entrada
  2. Selecione a unidade de origem no menu suspenso
  3. Veja o valor convertido em todas as outras unidades
  4. Ajuste o tamanho da fonte base ou as dimensões da viewport para conversões relativas precisas

Casos de Uso Comuns

Design Responsivo com rem

Ao construir layouts responsivos, converter entre px e rem garante que seus espaçamentos sejam escalados corretamente com as preferências do usuário.

Unidades de Viewport em Media Queries

Converta pontos de quebra em pixels para unidades de viewport para designs responsivos fluidos.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · construído localmente