ClampCalc
Crear clamp

Cuatro valores, un token verificado

Calcula un valor CSS clamp() fluido

Define el valor en dos anchos de pantalla. Obtén una fórmula local rem + vw o px + vw con extremos redondeados verificados.

Cálculo CSS local

Extremos de ancho y valor

Los valores quedan en el dispositivo
Anchos de pantalla
px
px
Valores deseados en esos anchos
px
px
px
Unidades de salida

Solo escalas lineales ascendentes. Usa el token tras revisar contenido, zoom, raíz y diseño reales.

Evidencia del CSS redondeado

Clamp generado

rem · 6
Valor clampclamp(1rem, 0.909091rem + 0.454545vw, 1.25rem)
Declaración font-sizefont-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);
Propiedad personalizada--fluid-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);

Vista de coeficientes copiados

17.999998px

El diseño fluido debe seguir legible en cada ancho.

Evidencia de la fórmula

Pendiente exacta
0.0045454545 px/px
Intercepto exacto
14.54545455px
CSS en extremo pequeño
16px · Δ 0px
CSS en extremo grande
19.999996px · Δ -0.000004px

Las diferencias comparan tus px con la fórmula redondeada. ClampCalc no elige valores adecuados ni demuestra accesibilidad.