Conversor de unidades CSS
Opções de unidade
Conversão
Contexto
rem usa o tamanho de fonte base. em e% usam o tamanho pai. vw e vh usam a largura e a altura da janela de visualização.
Estado
Inativo
Visualização ao vivo
CSS unit preview
16px = 1rem
Sobre o conversor de unidades CSS
CSS Unit Converter ajuda a converter unidades CSS comuns como px, rem, em,%, vw e vh. É útil ao adaptar tipografia, espaçamento, pontos de interrupção e layouts responsivos.
Você pode alterar o tamanho da fonte base, o tamanho pai, a largura e a altura da janela de visualização para corresponder ao contexto do seu projeto, em vez de depender de suposições fixas.
Como usar
- Insira o valor que deseja converter.
- Escolha as unidades CSS de origem e de destino.
- Ajuste o tamanho da fonte base, o tamanho principal ou os valores da janela de visualização quando necessário.
- Copie o valor convertido ou regra CSS.
Dicas
- Use 16px como tamanho base padrão comum para conversões rem.
- Use o tamanho pai ao converter valores em ou percentuais.
- Use a largura da janela de visualização para vw e a altura da janela de visualização para conversões vh.
- Verifique a visualização para entender a escala visual do valor convertido.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
Gerador de Media Query CSS
Crie media queries CSS responsivas para breakpoints de largura, orientação, modo escuro, movimento reduzido e suporte a hover.
Utilitários Diversos
›
Gerador de Container Query CSS
Gere container queries CSS com tipo de contêiner, nome do contêiner, breakpoints e declarações responsivas.
Utilitários Diversos
›
Gerador de grade CSS
Crie layouts de grade CSS com colunas, linhas, lacunas, alinhamento, visualização ao vivo e CSS pronto para cópia.
Utilitários Diversos
›
Conversor de cores
Converta cores HEX, RGB, RGBA e HSL instantaneamente em seu navegador.
Utilitários Diversos
›
Perguntas frequentes sobre conversor de unidades CSS
Como px e rem diferem?
px é um comprimento CSS absoluto. rem é relativo ao tamanho da fonte raiz, geralmente 16px por padrão.
Quando devo usá-los?
em é relativo ao tamanho da fonte atual ou pai, portanto é útil para dimensionamento em nível de componente.
Como a porcentagem é convertida?
A conversão percentual depende de um tamanho de referência. Esta ferramenta usa o campo de tamanho pai como referência.
Como vw e vh são calculados?
1vw é 1% da largura da janela de visualização e 1vh é 1% da altura da janela de visualização.