Генератор на градиенти

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

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

Сподели
Свързани инструменти
Генератор на градиент от изображение

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

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

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

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