Генератор CSS-градиента
Создавайте линейные и радиальные градиенты с несколькими цветами и копируйте готовый CSS.
Как пользоватьсяСоберите свой градиент.
Доступно на: 
Реклама
Генератор CSS-градиента: для чего нужен
Генератор создаёт градиенты с любым количеством цветов — линейные (с углом) или радиальные. Предпросмотр меняется сразу, а CSS-код готов к копированию.
Градиент также можно скачать как PNG-изображение 1920×1080 и использовать как фон.
Как пользоваться
- Выберите тип и угол.
- Настройте цвета и позиции.
- Скопируйте CSS или скачайте PNG.
Когда использовать
- Фоны сайтов и кнопки.
- Обои и фоны слайдов.
- Подбор сочетаний цветов.
Частые вопросы
Работает ли во всех браузерах?
Да. Созданный CSS использует linear-gradient и radial-gradient, которые поддерживают все современные браузеры.
Можно ли скачать как изображение?
Да. Кнопка «Скачать PNG» создаёт изображение 1920×1080 с градиентом — подходит для обоев или фона слайда.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.