Генератор градиента из изображения

Все инструменты
Генератор градиента из изображения
Создайте красивый градиент из любой фотографии — загрузите изображение, выберите настроение, и доминирующие цвета станут перетаскиваемыми точками градиента. Мгновенно скопируйте готовый CSS.
Перетащите изображение сюда

или нажмите для выбора — можно также вставить из буфера обмена

Всё работает в вашем браузере — изображение никуда не загружается, без регистрации, абсолютно бесплатно.

Исходное изображение
Читаю цвета…
Исходное изображение
Настроение
Извлечённые цвета
Это доминирующие цвета вашего изображения. Нажмите на образец, чтобы скопировать, или перетащите точки ниже для тонкой настройки градиента.
Предпросмотр градиента
Тип градиента
Угол
°
Точки цвета
Перетащите маркер для смены позиции точки или нажмите на полосу, чтобы добавить новую. Выберите точку для редактирования цвета.
Выбранная точка
%
CSS
background: —;
Поделиться
Похожие инструменты
Генератор градиентов

Создавайте линейные, радиальные и конические CSS-градиенты с нуля с помощью перетаскиваемых точек и готовых пресетов. Мгновенно скопируйте готовый CSS.
Извлечение цветов из изображения

Получите готовую к копированию цветовую палитру из любого изображения.
Генератор цветовых палитр

Создавайте гармоничные палитры с помощью интерактивного цветового колеса — применяйте правила гармонии: аналоговые, комплементарные, триадные — и мгновенно копируйте любое значение.
Популярные запросы
градиент из изображения извлечь градиент из фото изображение в css градиент генератор градиента из фото создать градиент из картинки css градиент из изображения

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.