ClampCalc
Создать clamp

Плавный шрифт между реальными границами

Создайте один токен плавной типографики

Введите размер шрифта для минимальной и максимальной ширины. Проверьте сериализованную формулу на любой промежуточной ширине.

Локальный расчёт CSS

Границы ширины и значения

Значения остаются на устройстве
Ширины экрана
px
px
Желаемые значения на этих ширинах
px
px
px
Единицы результата

Только возрастающие линейные масштабы. Используйте токен после проверки реального контента, масштаба, корневых настроек и макета.

Проверка округлённого CSS

Созданный clamp

rem · 6
Значение clampclamp(1rem, 0.909091rem + 0.454545vw, 1.25rem)
Правило font-sizefont-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);
Пользовательская переменная--fluid-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);

Просмотр скопированных коэффициентов

17.999998px

Плавный дизайн должен оставаться читаемым на любой ширине.

Данные формулы

Точный наклон
0.0045454545 px/px
Точное пересечение
14.54545455px
CSS на малой границе
16px · Δ 0px
CSS на большой границе
19.999996px · Δ -0.000004px

Погрешности сравнивают заданные px с округлённой формулой. ClampCalc не выбирает подходящий дизайн и не подтверждает доступность.