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