Генератор CSS clamp() для адаптивного шрифта онлайн
Плавное изменение размера шрифта или отступа между двумя значениями при изменении ширины экрана: готовая функция clamp() в rem с пересчётом из пикселей. Калькулятор доступен бесплатно, работает на компьютере и телефоне и подходит для быстрой проверки расчётов.
Как пользоваться калькулятором «генератор CSS clamp() для адаптивного шрифта»
- Укажите «Минимальный размер» (px).
- Укажите «Максимальный размер» (px).
- Укажите «Ширина экрана для минимального размера» (px).
- Укажите «Ширина экрана для максимального размера» (px).
- Укажите «Размер корневого шрифта» (px).
- Результат появится справа мгновенно — нажимать кнопку «Рассчитать» не нужно.
Формула расчёта
Наклон = (макс − мин) / (ширина₂ − ширина₁); сдвиг = мин − наклон × ширина₁; clamp(мин rem, сдвиг rem + наклон × 100vw, макс rem).
Пример расчёта
Если минимальный размер — 16 px; максимальный размер — 24 px; ширина экрана для минимального размера — 375 px; ширина экрана для максимального размера — 1 440 px; размер корневого шрифта — 16 px, то результат: cSS: clamp(1rem, 0.8239rem + 0.75vw, 1.5rem); скорость роста: 0.75vw на каждый пиксель экрана (0.008).
Частые вопросы
Что делает clamp()?
Ограничивает значение: не меньше минимума, не больше максимума, а между ними плавно меняется от ширины экрана.
Почему rem, а не px?
rem масштабируется вместе с настройкой размера шрифта браузера, что лучше для людей с ослабленным зрением.
Можно ли применять к отступам?
Да, clamp() работает для любых размеров: padding, margin, gap, width.
Как пользоваться калькулятором «генератор CSS clamp() для адаптивного шрифта»?
Заполните поля формы — результат рассчитывается автоматически и обновляется при каждом изменении значений. Можно скопировать результат, распечатать страницу или отправить ссылку с вашими данными.
По какой формуле считает калькулятор «генератор CSS clamp() для адаптивного шрифта»?
Наклон = (макс − мин) / (ширина₂ − ширина₁); сдвиг = мин − наклон × ширина₁; clamp(мин rem, сдвиг rem + наклон × 100vw, макс rem).
Нужно ли регистрироваться и платить?
Нет. Калькулятор бесплатный и работает без регистрации. Введённые данные обрабатываются в вашем браузере и никуда не отправляются.
Часто ищут: генератор css clamp · fluid typography clamp калькулятор
Страница обновлена: 01.11.2026. Формулы и значения проверяются при каждом обновлении каталога.