Conversor de Unidades CSS
Converta entre PX, REM, EM, VW e VH. Configure base font-size e viewport. Fórmula de conversão inclusa.
O que é Conversor de Unidades CSS?
Converta entre unidades CSS — px, rem, em, vw, vh e % — direto no navegador. O humberto.ai calcula o valor equivalente na hora e mostra a fórmula usada, ajudando a manter tamanhos consistentes e acessíveis no seu projeto. Ideal para migrar de px para rem (melhor para acessibilidade) sem fazer as contas de cabeça. Sem cadastro.
Como usar
- Digite o valor e escolha a unidade de origem.
- Selecione a unidade de destino.
- O valor convertido aparece na hora, junto com a fórmula.
- Copie o resultado para usar no seu CSS.
Perguntas frequentes
Quanto é 1rem em px?
Por padrão, 1rem = 16px, porque o tamanho de fonte raiz padrão dos navegadores é 16px. Se você mudar o font-size do elemento <html>, essa base muda — mas 16px é o padrão em quase todos os sites.
Qual a diferença entre rem e em?
rem é relativo ao tamanho de fonte da raiz (<html>), então é previsível em todo o site. em é relativo ao tamanho de fonte do elemento pai, então pode 'acumular' em elementos aninhados. Para consistência, rem costuma ser a melhor escolha.
Por que usar rem em vez de px?
rem respeita a preferência de tamanho de fonte do usuário no navegador, o que melhora a acessibilidade. Texto e espaçamentos em rem escalam quando alguém aumenta a fonte; em px, ficam fixos.
Como px vira vw ou vh?
vw e vh são relativos ao tamanho da viewport (1vw = 1% da largura da tela), então a conversão depende de uma dimensão de referência. Já px, rem e em são conversões fixas (base 16px); vw/vh variam conforme o tamanho de tela considerado.
O que significa 100%?
% é relativo a uma referência do contexto — a largura do container pai para width, o font-size do pai para tamanhos de fonte. Por isso o significado exato de % depende da propriedade onde é usado.