Conversor de unidades CSS
Ferramenta online gratuita de conversor de unidades CSS, com conversão de px/rem/em/vw
Tipos de unidades CSS
px (pixels) — unidade absoluta, 1px = 1/96 de polegada. rem — relativo ao tamanho da fonte raiz (padrão 16px). em — relativo ao tamanho da fonte do pai. vw — 1% da largura da viewport. vh — 1% da altura da viewport. pt — pontos (1pt = 1,333px). cm, mm, in — unidades físicas.
Como converter unidades CSS
Insira um valor com sua unidade, defina o tamanho da fonte raiz (para cálculos rem) e dimensões da viewport (para vw/vh). A ferramenta mostra conversões para todas as outras unidades. Isso ajuda a garantir que designs responsivos funcionem em diferentes tamanhos de tela.
▶Devo usar px ou rem?
Use rem para tamanhos de fonte e espaçamento para suportar configurações de acessibilidade do usuário (zoom do navegador). Use px para bordas, sombras de caixa e detalhes finos onde controle preciso importa. Muitas equipes adotam uma abordagem rem-first para melhor acessibilidade.
▶Qual é o tamanho da fonte raiz padrão?
O tamanho da fonte raiz padrão na maioria dos navegadores é 16px. Portanto, 1rem = 16px, 1,5rem = 24px. Você pode alterar isso com html { font-size: ... } no CSS.
▶Quando devo usar vw e vh?
Use vw/vh para layouts responsivos que escalam com a viewport. Seções hero que preenchem toda a tela (100vh), tamanhos de fonte que escalam com a largura da viewport e elementos de largura total são casos de uso comuns.
Se este ferramenta foi útil para você, pense em me dar um café.
Compre um café para mim.