Ir para o conteúdo
Conversor de horários de início da Copa do Mundo já está disponívelVeja os inícios no seu fuso horário e adicione lembretes ao calendário.
Logo do CrateX.app

CrateX.app

Conversor de unidades CSS

Converta unidades CSS um a um entre px, rem, em, %, vw, vh, vmin, vmax, pt, cm, mm, q, ex e ch localmente com tamanho da fonte raiz, tamanho da fonte pai, janela de visualização, DPI e configurações de referência percentual.

Pixels
px
Toque para alternar a unidade

Unidades de comprimento

Tipografia

Janela de visualização

Percentagem

Relativo ao tamanho de fonte raiz
rem
Toque para alternar a unidade

Unidades de comprimento

Tipografia

Janela de visualização

Percentagem
Conversor de unidades CSS

Início rápido

1
Digite um valor e escolha a unidade de origem
2
Escolha a unidade de destino ou use Trocar para inverter
3
Ajuste o contexto rem/em/%/vw/vh quando necessário
4
Copie o resultado convertido
5
Alterne presets de viewport para verificar vw/vh

Cenários comuns

Utilização

layouts responsivos, passagem design‑→dev, correlação densidade/impressão, unificação de convenções

Dicas de uso

Definir base: 16px na raiz é comum e facilita contas rem ↔ px
Texto em rem: permite escala global e acessibilidade; em para escala local em componentes
Use unidades de viewport para estimativas de layout: combine com pontos de interrupção e restrições mín/máx para evitar extremos
Decimais e arredondamento: manter precisão razoável para boa legibilidade

Parâmetros e contexto

Base REM (tamanho da fonte raiz): determina rem ↔ px. 16px é comum (1rem≈16px). Ajuste quando a base do design for diferente.
Base EM (tamanho da fonte pai): determina em e % quando a referência é tamanho da fonte. Útil para escala local do componente.
Referência de %: escolha Tamanho de letra / Largura / Altura conforme o contexto (layout vs tipografia).
Presets de breakpoint definem também o tamanho do viewport para estimativas rápidas (não é media query em runtime).
Tamanho de viewport para vw/vh/vmin/vmax e % (largura/altura). Dispositivos variam por barras/zonas seguras/scrollbars.
DPI (pontos por polegada): para unidades físicas pt/pc/in/cm/mm/q ↔ px. A estimativa CSS padrão é 96 DPI; os valores personalizados são estimativas de impressão/dispositivo e não o cálculo final do layout do navegador.
Dicas: 1) 16px e 96 DPI são bases comuns; 2) verificar porcentagens de layout trocando pontos de interrupção; 3) esses controles ajudam na estimativa do tempo de design e não substituem o cálculo DOM/CSS final do navegador.

Limitações e compatibilidade

% de referência depende da propriedade CSS, contendo bloco, e modo de layout; esta ferramenta usa a referência de tamanho de fonte/largura da janela de visualização/altura da janela de visualização escolhida para estimativa, não uma medição pai/contêiner ativa
ex/ch são aproximações baseadas no tamanho da fonte pai aqui; os resultados não são uma inspeção de métricas de fontes e variam entre fontes/navegadores
Os vw/vh/vmin/vmax clássicos variam com barras de rolagem/barras de endereço/áreas seguras; esta ferramenta não calcula unidades dvh/svh/lvh, vi/vb, safe-area ou container query
Unidades físicas ↔ px usam a estimativa de DPI configurada; o trabalho de impressão/HiDPI ainda requer validação de dispositivo ou prova

Privacidade e segurança

O processamento ocorre no navegador. Valor de entrada, unidades From/To, valores em cache por unidade, tamanho da fonte raiz, tamanho da fonte pai, viewport, DPI, referência percentual e escolha de breakpoint podem permanecer na sessão atual do navegador ou no armazenamento do navegador. Se você salvar um espaço de trabalho ou ativar a sincronização WebDAV, esses valores poderão ser salvos conforme suas configurações de sincronização. Os resultados convertidos são recalculados a partir do valor, das unidades e das configurações de contexto atuais, e não são armazenados como resultados separados. Esta página não busca URLs nem envia valores para conversão no servidor. Em dispositivos compartilhados, limpe valores, configurações e dados do site quando necessário.

Perguntas frequentes

4

Continue com estas ferramentas relacionadas na próxima etapa.

Recursos

Guias

Sobre

Sobre nós
Preços

Legal

Termos
Política de privacidade
Política de cookies

Preferências

Gerir Cookies

Todo o processamento das ferramentas acontece localmente no seu navegador.