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

Всички инструменти
Генератор на градиент от изображение
Извлечете красив градиент от всяка снимка — пуснете изображение, изберете настроение и доминантните цветове стават преместваеми спирки на градиента. Копирайте готов CSS мигновено.
Плъзнете и пуснете изображение тук

или щракнете за преглед — можете и да поставите от клипборда

Всичко работи в браузъра ви — изображението ви никога не се качва, без регистрация, напълно безплатно.

Изходно изображение
Четене на цветове…
Изходно изображение
Настроение
Извлечени цветове
Това са доминантните цветове от изображението ви. Щракнете върху мостра, за да я копирате, или плъзнете спирките по-долу за фина настройка на градиента.
Преглед на градиента
Тип на градиента
Ъгъл
°
Цветови спирки
Плъзнете манипулатор за преместване на спирка или щракнете върху лентата, за да добавите нова. Изберете спирка, за да редактирате цвета й.
Избрана спирка
%
CSS
background: —;
Сподели
Свързани инструменти
Генератор на градиенти

Създайте линейни, радиални и конусовидни CSS градиенти от нулата с преместваем контрол на спирките и подбрани пресети. Копирайте готов CSS мигновено.
Извличане на цветове от изображение

Извлечете изчистена, готова за копиране цветова палитра от всяко изображение.
Генератор на цветови палитри

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

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.