Calculadora de clamp() CSS
Calcula un valor clamp() CSS para un tamaño de texto o de espaciado fluido, que varía proporcionalmente entre dos anchos de viewport mínimo y máximo.
Cómo funciona
La función CSS clamp(min, preferido, max) permite definir un tamaño fluido que varía linealmente en función del ancho de la ventana, permaneciendo acotado entre un mínimo y un máximo — ideal para un texto responsive sin media queries. La herramienta calcula automáticamente la pendiente y la ordenada al origen en unidades vw y rem.
¿Por qué usar clamp() en lugar de media queries?
clamp() ofrece una transición continua y fluida entre los tamaños, en lugar de saltos bruscos en puntos de ruptura fijos, lo que da un resultado más natural en todos los anchos de pantalla intermedios.
¿Por qué los valores se expresan en rem en lugar de en px?
Usar rem permite que el tamaño se mantenga proporcional si el usuario modifica el tamaño de fuente predeterminado de su navegador, lo que mejora la accesibilidad respecto a valores fijos en píxeles.
Procesamiento 100% local: el cálculo se realiza íntegramente en tu navegador mediante WebAssembly, sin ningún envío de datos a un servidor.