Calculadora de clamp() CSS

Escribe el valor que quieres en una pantalla pequeña y en una grande, y obtén una expresión clamp() lista para pegar que escala fluidamente entre ambos. Preajustes comunes de puntos de ruptura y tamaño de fuente, una vista previa en vivo y copia con un clic. Cálculo puro en tu navegador, sin subir nada.

Puntos de ruptura (ancho de pantalla)
Valores objetivo
Salida CSS 
—
Parada mínima —
Preferida (lineal) —
Parada máxima —
Vista previa en vivo arrastra el control (o escribe) para fijar el ancho de pantalla — el ejemplo de abajo escala con tu clamp().

El veloz murciélago hindú comía feliz cardillo y kiwi.

—
¿Cómo se calcula?

Dado un valor deseado en dos anchos de pantalla, la calculadora encuentra la función lineal que interpola entre ambos y la escribe como clamp(min, preferred, max) usando el patrón moderno de tipografía fluida: el tamaño preferido se expresa como pendiente × 100vw + intersección, con ambos términos en rem para que el resultado respete la preferencia de tamaño de fuente raíz del usuario.

El término preferido se escribe en rem incluso si elegiste px o em para las paradas — es intencional, para que la parte lineal escale con la pantalla mientras las paradas permanecen en la unidad que elegiste. La pendiente del tamaño preferido es pendiente × 100 (convención por cada 100px), lo que hace que el término lineal se componga limpiamente con vw.