Градиенты

Создавайте градиент из не более 8 цветов с заданными позициями и сохраняйте CSS, SVG или PNG. Файлы и введенный контент не отправляются и не сохраняются на сервере.

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

Создавайте градиент из не более 8 цветов с заданными позициями и сохраняйте CSS, SVG или PNG.

Поддерживаемые форматы и ограничения

Values / Images → SVG / PNG

Обработка выполняется в этом браузере. Форматы файлов и доступная память могут ограничивать результат.

Цвета сортируются по позициям от 0 до 100%.

Градиенты Руководство

Порядок действий

Задайте каждый цвет и его позицию в процентах.
Выберите направление, добавляйте и удаляйте цвета, проверяйте предпросмотр.
Скопируйте CSS или сохраните SVG и PNG.

Пример

Ввод/настройки

90° · #235c47 0% → #f6f7f3 100%

Результат/проверки

Градиент слева направо · CSS, SVG, PNG