Unidades CSS

¿Qué es esta herramienta?

Convierte valores CSS px, rem, em y pt con tamaño de fuente base configurable para tokens de diseño, tipografía y layouts responsivos.

La herramienta usa px como referencia para calcular valores rem, em y pt. rem y em dependen del tamaño de fuente base; pt se convierte con la referencia CSS de 96dpi, donde 1pt = 1.333px.

Útil para alinear tokens de diseño, escalas tipográficas, spacing y especificaciones UI con unidades CSS.

Cómo usar

1. Introduce el número y la unidad de origen.
2. Configura el tamaño de fuente base.
3. Compara resultados px, rem, em y pt.
4. Verifica el root font-size y la herencia del componente.

Ejemplos

Herramientas y conceptos relacionados

• MDN CSS values and units
• Relación de aspecto — redimensionar sin deformar
• Selector de color — HEX, RGB y HSL
• Timestamp Unix — epoch y fecha legible
• Expresiones Cron — horario y validación
• Imagen a Base64 — URI de datos