Генератор скругления углов

Утилиты для разработчиков

Просматривайте и копируйте значения CSS border-radius для каждого угла в пикселях или процентах.

Как использовать

Round the corners

Enter a value for each corner and choose pixels or percent. The preview updates as you type.

Enter top-left, top-right, bottom-right and bottom-left values.
Choose px or percent.
Copy the border-radius declaration.

Percent units

Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.

Частые вопросы

Can corners differ?

Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.

Does it support elliptical syntax?

The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.

Похожие инструменты

Генератор CSS-теней Создавайте тени с ползунками смещения, размытия, распространения и цвета, затем копируйте CSS. Генератор CSS-градиентов Создавайте линейные или радиальные CSS-градиенты с живым просмотром и готовым CSS. Форматировщик CSS Форматирует CSS с одним свойством на строку и единообразными отступами. Генератор UUID / GUID Генерирует случайные UUID версии 4 и копирует их по одному или пакетом. Генератор хешей Вычисляет дайджесты MD5, SHA-1, SHA-256 и SHA-512 для любого текста. Конвертер меток времени Преобразует между метками времени Unix, ISO 8601 и читаемыми локальными датами.