Генератор на градиент от изображение
Извлечете красив градиент от всяка снимка — пуснете изображение, изберете настроение и доминантните цветове стават преместваеми спирки на градиента. Копирайте готов CSS мигновено.
Плъзнете и пуснете изображение тук
или щракнете за преглед — можете и да поставите от клипборда
Всичко работи в браузъра ви — изображението ви никога не се качва, без регистрация, напълно безплатно.
background: —;
За Генератор на градиент от изображение
Генераторът на градиент от изображение превръща всяка снимка в готов за използване CSS градиент. Пуснете, прегледайте или поставете изображение и инструментът го чете в канва, извлича доминиращите му цветове и ги подрежда като спирки на градиент, които можете да плъзгате, прекрасявате и пренареждате, докато сместа съвпадне с усещането на оригинала.
Селектор за настроение — Colorful, Bright, Muted, Deep или Dark — променя кои извлечени цветове стават спирки, така че една снимка може да произведе няколко много различни градиента. Вие контролирате типа на градиента (линеен, радиален или конусен), ъгъла и самите спирки: кликнете лентата, за да добавите спирка, плъзгайте, за да преместите, обърнете или завъртете с едно кликване.
Целият процес се извършва във вашия браузър; изображението ви никога не се качва на сървър. Когато прегледът изглежда правилно, копирайте пълното CSS правило, само стойността за фона или извлечените цветове поотделно — идеално за секции за герои, фонове на страници и визуали на марка, произлезли от фотография.
Как да използвате Генератор на градиент от изображение
- Плъзнете и пуснете изображение, кликнете, за да прегледате, или поставете такова от клипборда си.
- Изберете настроение — Colorful, Bright, Muted, Deep или Dark, — за да изберете кои извлечени цветове стават спирки.
- Изберете типа на градиента (линеен, радиален или конусен) и настройте ъгъла.
- Плъзгайте цветовите спирки, за да финализирате сместа; добавяйте, премахвайте, обръщайте или разбърквайте спирки по нужда.
- Кликнете "Copy CSS", за да вземете готовия за поставяне код на градиента.