Converta instantaneamente entre todas as 14 unidades CSS. Insira px, rem, em, vw, vh, pt, cm, in ou qualquer outra unidade e veja todas as conversões de uma só vez, com suporte a unidades relativas que levam em conta o contexto.
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chAs unidades CSS se dividem em duas categorias: unidades absolutas, que correspondem a um tamanho físico ou de tela fixo, e unidades relativas, que se ajustam de acordo com o contexto, como o tamanho da fonte ou as dimensões da janela de visualização. As unidades absolutas incluem px, pt, pc, cm, mm e in. As unidades relativas incluem rem (relativo ao tamanho da fonte raiz), em (relativo ao tamanho da fonte do elemento pai), % (porcentagem do elemento pai), vw e vh (largura e altura da janela de visualização), vmin e vmax (o menor ou o maior entre vw e vh) e ch (a largura do caractere zero na fonte atual).
Insira um valor e selecione sua unidade de origem. O conversor exibe imediatamente o valor equivalente em todas as outras 13 unidades. Para que as unidades relativas sejam calculadas corretamente, expanda o painel de contexto e defina o tamanho da fonte raiz (normalmente 16 px), o tamanho da fonte do elemento pai e as dimensões da janela de visualização. Esses valores padrão correspondem a um ambiente padrão de navegador, portanto, a maioria das conversões funciona sem a necessidade de alterá-los.
Essa ferramenta é útil para converter especificações de design de px para rem a fim de garantir a conformidade com as normas de acessibilidade, verificar como um tamanho relativo à janela de visualização se comporta em uma largura de tela específica ou compreender como as unidades em se aplicam em cascata dentro de elementos aninhados. Os engenheiros costumam utilizá-la ao migrar uma base de código de layouts baseados em px para um sistema de unidades em rem ou fluido.