UTILS.
Приватність за замовчуванням
▤

Генератор CSS-градієнтів

Створюйте лінійний або радіальний градієнт з живим переглядом і копіюйте CSS.

Ваші файли залишаються на цьому пристрої

Файли обробляються у браузері й не надсилаються на сервер. Сайт завантажує код і ресурси для роботи інструментів. Без акаунтів і трекерів.

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Створюйте двоколірний лінійний або радіальний градієнт, обираючи кольори, позиції та кут, а потім копіюйте правило background. Живий попередній перегляд працює повністю у вашому браузері.

Поширені запитання

Що таке кут у лінійному градієнті?
Кут задає напрямок переходу кольорів: 0° спрямований угору, 90° — праворуч, 180° — донизу тощо.
Коли використовувати радіальний замість лінійного?
Використовуйте радіальний, щоб розходити кольори назовні від центральної точки (наче прожектор); лінійний змішує їх уздовж прямої лінії.

Більше інструментів