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
- Insira um valor numérico no campo de entrada
- Selecione a unidade de origem no menu suspenso
- Veja o valor convertido em todas as outras unidades
- 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.