Задать · вывести · проверить

Плавный CSS из понятных граничных точек.

ClampCalc превращает две пары ширины и значения в ограниченный линейный CSS-токен и вычисляет именно округлённый текст из ваших стилей.

Открыть калькулятор CSS clamp

Без аккаунта, загрузки, сканирования стилей, сохранения проекта, удалённого запроса или оценки дизайна.

Три прозрачных шага

Задайте границы, выведите прямую, проверьте копию

01

Введите две пары ширины и значения

Ограниченные десятичные числа становятся точными дробями.

02

Рассчитайте наклон и пересечение

Проверенная линейная формула создаёт rem + vw или px + vw.

03

Вычислите погрешность округлённых границ

Просмотр и данные используют тот же CSS, что вы копируете.

Один проверенный плавный токен

Для типографики и отступов с известными границами

  • Создать ограниченное адаптивное правило font-size.
  • Создать токен для проверенного padding или gap.
  • Объяснить коллеге точный наклон и пересечение.
  • Сравнить короткую и длинную десятичную запись.

Исполняемые граничные примеры

Воспроизведите текст и отступ секции

Примеры связывают точные данные с CSS, погрешностью границ и проверкой вне арифметики.
Открыть примеры

Две границы · локальный расчёт

Воспроизведите формулу в ClampCalc

Введите две ширины и желаемые значения px. ClampCalc выведет точную рациональную прямую, создаст rem + vw или px + vw и проверит округлённый CSS на обеих границах без загрузки данных.

Открыть ClampCalc