Conversor de Unidades CSS

Pega un valor CSS (16px, 1.25rem, 50%, 5vw, 12pt) y míralo convertido a cada otra unidad. El tamaño de fuente raíz, el viewport y el tamaño del contenedor son editables. Modo masivo para entradas de uno por línea. Puro del lado del cliente; nada se sube.

Contexto

Viewport:
Probar:

Resultado

— = — px
Escribe un valor para ver las conversiones.
Referencia de unidades CSS — qué significa realmente cada unidad
UnidadRelativa aUso común
px— (absoluta)Tamaño en píxeles fijo. px de CSS ≈ 1/96 in.
remTamaño de fuente raízTipografía, espaciado. Respeta las preferencias del usuario.
emTamaño de fuente del elementoSe compone con los tamaños del padre.
%Longitud del padre o tamaño de fuenteDiseños flexibles.
vw/vhAncho / alto del viewportSangrado completo, tipografía grande.
vmin/vmaxMín/máx de vw, vhIndependiente de la orientación.
sv/lv/dv*Viewport pequeño / grande / dinámicoConsciente del chrome móvil.
cq*Tamaño de consulta de contenedorDiseño fluido a nivel de componente.
pt/pc1in = 72pt = 6pcHojas de estilo de impresión.
in/cm/mm/q1in = 2,54cm = 25,4mm = 101,6qHojas de estilo de impresión.
ex/chAltura-x del elemento / avance del "0"Contenedores ajustados al tipo.

El píxel CSS se define como exactamente 1/96 de una pulgada CSS: 1in = 96px, 1pt = 96/72 ≈ 1,333px. rem / em / ex / ch son aproximadas porque dependen de las métricas reales de la fuente; esta herramienta asume 1em = el tamaño de fuente raíz que establezcas y 1ex ≈ 1ch ≈ 0,5em, lo que coincide con la mayoría de las fuentes con un margen de un par de por ciento.