Калькулятор скруглений

Этот инструмент поможет тебе рассчитать идеальный внешний радиус, чтобы два вложенных квадрата (или прямоугольника) имели согласованные скругления (филлет), при условии что расстояния от края до края со всех сторон одинаковые. Для начала работы просто заполни поля ниже

Внешний квадрат:

Квадрат внутри:

Радиус внутренний:

Радиус внешний:

Для чего это нужно?

В веб-дизайне и разработке интерфейсов часто требуется создать контейнер, внутри которого находится другой элемент (например, карточка в модальном окне). Для достижения визуальной гармонии очень важно, чтобы их скругления "смотрелись" одинаково. Это явление называется согласованным скруглением (fillet). Мой калькулятор делает эту работу за тебя

Немного математики

Формула, лежащая в основе, очень проста. Если ты хочешь, чтобы внутренний и внешний радиусы имели общий центр скругления, внешний радиус должен быть равен сумме внутреннего радиуса и расстояния между стенками делёному на два:

Радиус внешнего скругления = радиус внутреннего скругления + (расстояние между квадратами ÷ 2)

Использование

Укажи размеры стороны вашего квадрата в пикселях. Для прямоугольников выберете одну сторону у обоих элементов и введите её
Убедись что у твоей фигуры расстояния от края до края одинаковое со всех сторон, остальные случаи калькулятор не расчитает.
Установи желаемый радиус для внутреннего элемента.
Калькулятор мгновенно выдаст необходимый радиус для внешнего элемента, чтобы добиться идеального визуального соответствия.