Conversor de unidades
Converte entre px, rem, em, pt e outras unidades CSS. Ideal para passar designs em pontos para tokens responsivos.
/* 24px com fallbacks */
.title {
font-size: 24px; /* literal */
font-size: 1.5rem; /* escala com root */
line-height: 1.667; /* 40px / 24px */
}◐ COMO FUNCIONA
As unidades absolutas (px, pt, mm, cm, in) têm sempre o mesmo tamanho físico real (ajustado pelo DPI). As unidades relativas dependem de um contexto de escala: rem refere-se ao font-size do elemento raiz (<html>), em ao do elemento atual ou pai direto, % ao tamanho base do elemento atual, e vw/vh ao tamanho da largura/altura da viewport.
Para sistemas de design modernos e acessíveis, priorize o uso de rem para toda a tipografia e espaçamento — assim, mudar o root font-size escala toda a interface de forma consistente. Recomenda-se reservar o uso de px para bordas finas, sombras e detalhes estáticos que não devem escalar com o utilizador.