Генератор mesh-градиентов — бесплатно онлайн

Нужен красивый фон для карточки, шапки или кнопки, а сплошной цвет смотрится скучновато. Mesh-градиент даёт тот самый мягкий, современный вид, когда несколько цветов плавно перетекают друг в друга. Мы добавили бесплатный инструмент, который это делает — Mesh Gradient Generator — прямо у вас в браузере.

Что он делает

Он собирает CSS mesh-градиенты, накладывая несколько радиальных цветовых пятен на основу. Вы добавляете цвета, двигаете их и сразу видите, как меняется переход. Когда результат нравится, инструмент выдаёт готовый CSS, который можно вставить прямо в сайт.

Ничего не покидает ваше устройство

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

Как пользоваться

  1. Откройте Mesh Gradient Generator в браузере.
  2. Добавляйте и перетаскивайте цветовые пятна, пока переход не станет таким, как нужно.
  3. Скопируйте CSS и вставьте его в свой проект.

Это бесплатно и без ограничений. Больше небольших инструментов есть на странице приложений.

Новые посты на почту

Скоро можно будет оставить email и получать новые посты — без аккаунта и спама.

Подписка по email пока не работает — сейчас ничего не собираем.