13 бесплатных ресурсов для работы с градиентами

Большая бесплатная библиотека готовых градиентов, которые можно скачать в популярных размерах или настроить нужный размер и угол. Можно создать свой градиент. Для веб-дизайнера есть CSS-код градиента, а для иллюстраторов цвета в RGB, CMYK, HEX и HSL. Есть фильтры по цвету, сортировки.

Бесплатная галерея простых и замысловатых градиентов, с паттернами и без них. Каждый образец можно редактировать — менять цвета, угол наклона. Есть возможность развернуть градиент на полный экран. Полученный результат можно скачать картинкой в разных размерах, можно скопировать CSS-код.

Создавайте красивые сетчатые градиенты — выберите четыре оттенка и доверьтесь магии рандома: сервис покажет ваш цветовой выбор в разных вариациях аморфных плавных узоров.
Результат можно скачать как png в любом размере в пределах 3000х3000 px.

Сайт предлагает готовые варианты градиентов для интерфейсов (но, конечно, и в графике это пригодится). Есть фильтры: можно посмотреть, например, только варианты в сиреневых оттенках. Любой градиент можно скачать в размере 1920х1080 px или получить его код для вставки на сайт.
Также для каждого градиента выводятся HEX его оттенков.

Gradient Hunt — бесплатная и открытая платформа для цветового вдохновения с тысячами градиентов ручной работы. Есть две базовые возможности: скачивание любого понравившегося png-градиента размером 1920х1080 px и копирование кода для сайта.
Имеются фильтры по линейным/радиальным градиентам.

60 готовых двухцветных градиентов для тех, кому нужно сделать выбор очень быстро :) Градиент можно скачать в формате .png или скопировать его код для сайта. Выводятся HEX для обоих оттенков.

Grabient — ресурс с отличным набором готовых градиентов и возможностью их изменить: вы управляете направлением градиента, границами перехода между цветами, самими цветами, и всё это минимумом действий.
Сервис не дает возможности скачивать градиент, только копировать CSS-код. Графическим дизайнерам интрумент понравится как очень быстрый и удобный способ поиграть градиентами.

Еще один минималистичный сервис-галерея, который еще и поднимет вам настроение. Каждый градиент снабжен уникальным названием — разбитая лампа Эдисона, вдохновение Поллока, сообщение от бывшего, накрученный фолловер и пр.
HEX-коды и CSS-код копируются в один клик.

Более 2000 готовых градиентов в высоком разрешении с модной зернистой текстурой. Доступ к набору предлагается получить в обмен на емейл-подписку.

Сервис предоставляет достаточно гибкий инструмент для генерации градиентов: доступно добавление/удаление/изменение цветов, их насыщенности и яркости; можно менять их позиции и угол наклона; формат градиента — линейный или радиальный. Градиент можно развернуть почти на весь экран и продолжить играться с настройками. А еще можно построить градиент на основе оттенков загруженной картинки!
Выводятся HEX для всех оттенков.

Насколько он вам пригодится в работе на самом деле — вопрос. Выгрузку ресурс делает своеобразным образом, оформляя градиент как инфографику. Но для презентации заказчику может пригодиться.

Еще один сервис для веб-дизайнеров, где и графическим дизайнерам есть чем поживиться. Перед вами готовые градиенты с красивыми названиями. В один клик их можно развернуть на весь экран, скачать как png 2400х2000 px или скопировать CSS-код.
HEX-коды тоже показаны.

Бесплатный набор из 100 мягких сетчатый градиентов. Можно скачать все (в этом случае доступны будут форматы .sketch, .png, .ai, .jpg, .eps), можно по отдельности (тогда градиент скачивается в формате jpg размеров 4000х3000 px).

Позволяет бесплатно генерить зернистые градиенты и скачивать их в формате jpg размеров 1000х1000 px. Удобно, что можно варьировать степень зернистости, добавлять и удалять цвета. Неудобно то, что менять цвета нужно, вбивая вручную их HEX.