Entrada
16px (tamaño de fuente raíz 16px)
Salida
1rem / 1em (cuando el tamaño de fuente del padre también es 16px)
Herramientas de diseño
Conversor de unidades CSS — px, rem, em, vw
Convierte entre px, rem, em, pt, vw, vh y %. Personaliza el tamaño de fuente raíz, el tamaño de fuente del contenedor padre y el tamaño de la ventana gráfica para trabajos adaptables y entregas de diseño a código.
CSSUnidadesConversión
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Conversor de unidades CSS
Casos de uso
- Convierte valores px de herramientas de diseño a rem/em
- Estima vw/vh a partir del tamaño del viewport
- Alinea los cálculos de espaciado a una base común de tamaño de fuente raíz
Cómo usar
- Introduce un valor y elige la unidad de origen
- Define el tamaño de fuente raíz, el del contenedor padre y las bases del viewport
- Revisa cada resultado de unidad y haz clic en uno para copiarlo
Entrada y salida de ejemplo
FAQ
¿Cuál es la diferencia entre rem y em?
rem es relativo al tamaño de fuente raíz; em es relativo al tamaño de fuente del contenedor padre. Esta herramienta usa los valores raíz y padre que introduzcas.
¿Respecto a qué es relativo %?
Los porcentajes dependen del contexto. Aquí se aproximan a partir de tus valores base; confírmalo con el diseño real antes de publicar.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de clamp CSS
Generador de clamp CSS — Tamaños fluidos adaptables
A partir de anchos de viewport mínimo/máximo y un rango de tamaño objetivo, calcula una fórmula clamp() para tamaños de fuente fluidos, espaciado y otras longitudes que escalan con el viewport.
CSS clamp Adaptable
Regla de píxeles
Regla de píxeles — Tamaño de pantalla y marcas de medida
Dibuja una regla de píxeles horizontal o vertical en la página. Ajusta la longitud y el espaciado de las marcas y consulta el tamaño de la ventana y la relación de píxeles del dispositivo para comparar medidas en píxeles CSS con maquetaciones y modelos de diseño.
Píxeles Regla Medir
Calculadora de Relación de Aspecto
Calculadora de Relación de Aspecto y Tamaño Proporcional
Calcula y bloquea una relación de aspecto en tu navegador. Deriva una relación a partir del ancho y alto, o cambia un lado mientras el otro permanece proporcional. Incluye preajustes comunes y una previsualización para recortes, fotogramas de vídeo y diseños responsivos.
Relación Tamaño Diseño