Noise Gradient

Смешивайте цвета, добавляйте текстуру, экспортируйте

Пробел перемешать · Ctrl+Z отмена

CSS

/* Генерация… */
Палитра
Пресеты
Тип градиента
Органический
Стиль зерна
Режим наложения
Размер экспорта
Favorites

Экспорт 1000×563px

Бесплатный генератор градиентов и шумовых текстур

Создавайте фоны с органическими, линейными, радиальными и коническими градиентами. Добавляйте зернистость и текстуру, выбирайте палитру и экспортируйте в PNG или SVG. Без аккаунта и регистрации — в браузере, за секунды.

Где использовать

Веб и приложения

Главные блоки, лендинги, заставки. Экспорт 2000px для Retina.

Соцсети и шаринг

Посты и картинки. Формат 1:1 или 16:9, вставьте в проект.

Презентации и печать

Слайды, постеры. SVG чёткий; PNG везде подойдёт.

Как это работает

Выберите тип градиента (органический, линейный, радиальный или конический), добавляйте или убирайте цвета, настройте разброс и текстуру. Задайте соотношение сторон и длину большей стороны, экспортируйте PNG или SVG. Пробел — новая вариация.

Все экспорты бесплатны для личного и коммерческого использования.

Что ещё можно

Пресеты и избранное

Градиенты в один клик (Закат, Океан, Северное сияние…). Сохраняйте свои в избранное и загружайте когда угодно.

Поделиться и копировать ссылку

Скопируйте ссылку с вашим дизайном. Кто откроет — увидит тот же градиент, цвета и настройки.

Цвета из изображения

Загрузите картинку и извлеките палитру. Инструмент возьмёт доминирующие цвета для градиента.

Отмена и повтор

Полная история. Ctrl+Z / Ctrl+Shift+Z, затем экспорт.

Копировать CSS

Один клик — готовый CSS: градиент и слой зерна с mix-blend-mode.

Стиль зерна

Шум (мелкий), плёнка (зернистость) или сканлайны. Разная текстура поверх градиента.

Режимы наложения

Перекрытие, умножение, мягкий свет и др. — как зерно ложится на градиент.

Размеры экспорта

Соотношение (1:1, 16:9, 9:16, 4:3, 3:4) и длинная сторона (500, 1000 или 2000px). Одинаково для PNG и SVG.

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

  • Нужна ли регистрация?▼

    Нет. Используйте генератор в браузере и скачивайте PNG или SVG без регистрации.

  • Можно ли использовать экспорты в коммерции?▼

    Да. Все экспорты бесплатны для личного и коммерческого использования.

  • Какие размеры экспорта?▼

    Соотношения: 1:1, 16:9, 9:16, 4:3, 3:4. Длинная сторона: 500, 1000 или 2000 px.

  • В чём разница PNG и SVG?▼

    PNG — растр (пиксели), для фиксированных размеров. SVG масштабируется; оба с текстурой.

Четыре типа градиента, один инструмент

Переключайтесь между органическим, линейным, радиальным и коническим в один клик. Добавьте зерно ползунком текстуры — экспорт совпадёт с превью.

Экспорт PNG или SVG

Скачайте PNG высокого качества или масштабируемый SVG. Оба с текстурой. Выберите соотношение и длинную сторону (500, 1000 или 2000px). Без водяных знаков и регистрации.

Поделиться и использовать снова

Скопируйте ссылку на градиент — любой сможет открыть и увидеть тот же дизайн. Или скопируйте CSS и вставьте в проект: градиент и текстура в одном фрагменте. Без регистрации.