Генератор CSS mesh-градиентов

Наложите несколько мягких цветовых пятен в один плавный mesh-градиент. Рандомизируйте, отредактируйте каждую точку, затем скопируйте CSS или скачайте PNG. Всё работает в вашем браузере — ничего не загружается.

Перетащите пятно, чтобы переместить его
Размер пятна60%
Цвет фона
Цветовые точки 

        
      


      

        
        
      

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

    


    

      
Как это работает

      

        
STEP 1
Рандомизируйте mesh
Нажмите «Случайно», чтобы получить новый набор мягких цветовых пятен, или начните с настроек по умолчанию и измените их.

        
STEP 2
Редактируйте каждую точку
Перекрасьте любое пятно, перетащите его в новое место, добавляйте или удаляйте точки, пока результат вам не понравится.

        
STEP 3
Скопируйте или скачайте
Скопируйте готовый CSS для фона в свой проект или скачайте PNG в высоком разрешении. Ничего не загружается.