Генератор градієнту із зображення

Всі інструменти
Генератор градієнту із зображення
Витягніть красивий градієнт із будь-якої фотографії — перетягніть зображення, оберіть настрій, і домінуючі кольори стануть перетягуваними зупинками градієнту. Миттєво скопіюйте готовий CSS.
Перетягніть зображення сюди

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

Все працює у вашому браузері — ваше зображення ніколи не завантажується, без реєстрації, повністю безкоштовно.

Вихідне зображення
Зчитуємо кольори…
Вихідне зображення
Настрій
Витягнуті кольори
Це домінуючі кольори з вашого зображення. Натисніть на свотч, щоб скопіювати, або перетягуйте зупинки нижче для точного налаштування градієнту.
Прев'ю градієнту
Тип градієнту
Кут
°
Зупинки кольорів
Перетягніть маркер для переміщення зупинки або натисніть на смугу, щоб додати нову. Виберіть зупинку для редагування кольору.
Вибрана зупинка
%
CSS
background: —;
Поділитися
Пов'язані інструменти
Генератор градієнтів

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

Отримайте відшліфовану, готову до копіювання палітру кольорів з будь-якого зображення.
Генератор колірних палітр

Створюйте гармонійні кольорові палітри за допомогою інтерактивного колірного кола — застосовуйте правила гармонії, як-от аналогічні, комплементарні або тріадні, і миттєво копіюйте будь-яке значення.
Популярні запити
градієнт із зображення витягти градієнт з фото зображення у css градієнт генератор градієнта з фото створити градієнт із картинки css градієнт із зображення

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.