Ir para o conteúdo
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, pc, in, cm, mm, q, ex e ch localmente usando o tamanho da fonte raiz, o tamanho da fonte de referência EM, a janela de visualização e as configurações de referência percentual. As unidades CSS absolutas usam a relação fixa 1in = 96px.

px
Toque para alternar a unidade

Unidades de comprimento

Tipografia

Janela de visualização

Percentagem

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
Defina raiz/referência EM/%/viewport conforme necessário; para EM, use o tamanho de fonte real da propriedade.
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.
Tamanho da fonte de referência EM: insira o tamanho da fonte realmente usado pela propriedade. em normalmente usa o tamanho calculado da fonte do elemento atual; para font-size e propriedades semelhantes relativas à fonte, use o tamanho da fonte pai. Essa referência também é usada nas aproximações de ex/ch e para % quando Tamanho da fonte está selecionado.
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.
Dicas: 1) 16px é uma referência comum para a raiz e para EM, mas use o tamanho da fonte realmente usado pela propriedade; 2) verifique as porcentagens do layout alternando os breakpoints; 3) esses controles auxiliam nas estimativas durante o design e não substituem o cálculo final de DOM/CSS do navegador. As unidades absolutas sempre usam 1in = 96px.

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 de referência EM; os resultados não constituem uma inspeção das métricas da fonte e variam entre fontes e 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
As conversões de unidades CSS absolutas usam a relação fixa 1in = 96px. Relacionar pixels físicos da tela ao tamanho impresso exige um fluxo de trabalho separado para dispositivo/impressão, que esta ferramenta não oferece.

Privacidade e segurança

O processamento ocorre no navegador. O valor de entrada, as unidades From/To, os valores em cache por unidade, o tamanho da fonte raiz, o tamanho da fonte de referência EM, a janela de visualização, a referência percentual e a 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 de acordo com 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 os valores, as configurações e os dados do site quando necessário.

Perguntas frequentes

4

Continue com estas ferramentas relacionadas na próxima etapa.

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.