Бесплатно · Без регистрации

Генератор градиентов

Соберите градиент из своих цветов или начните с готового сочетания. Настройте переходы и сохраните фон для макета или сайта.

Двигайте точки на превью. Для точной настройки используйте X и Y.

16:9

CSS

Готовые сочетания

Выберите вариант и измените его под свою задачу.

Вопросы об инструменте

Можно использовать градиент в коммерческом проекте?

Да. Созданные здесь градиенты можно использовать в личных и коммерческих проектах, включая работу для клиентов.

Что выбрать: PNG или CSS?

PNG — готовый фон для Figma, Photoshop, баннера или поста. CSS — фон для сайта, который подстраивается под размер блока. Размер изображения выбирается перед скачиванием.