Генератор Mesh-градиентов
Создавайте фоны с mesh-градиентами (размытые цветовые пятна) и скачивайте их в PNG или копируйте CSS-код.
Как создать сетчатый градиент онлайн
Выберите цвет фона и добавьте цвета
Выберите базовый цвет и добавьте до 6 цветовых пятен, которые будут плавно смешиваться между собой.
Рандомизируйте позиции
Нажмите кнопку рандомизации, чтобы переместить цветовые пятна, пока не найдете подходящую комбинацию.
Скачайте PNG или скопируйте CSS
Скачайте результат как готовое изображение PNG или скопируйте CSS-код для прямого использования на вашем сайте.
Часто задаваемые вопросы о генераторе градиентов mesh
Градиенты mesh (или сетчатые градиенты) стали популярны в качестве фона для веб-страниц, приложений и социальных сетей благодаря своему плавному и абстрактному внешнему виду. Этот инструмент генерирует их и загружает прямо в ваш браузер.
Что такое градиент mesh?
+
Это градиент, состоящий из нескольких размытых цветных пятен, которые плавно смешиваются друг с другом, вместо простого линейного или радиального перехода между двумя цветами.
Чем он отличается от обычного генератора CSS градиентов?
+
Генератор CSS градиентов создает линейные или радиальные переходы между 2–4 цветами. Этот генератор создает более органичный эффект с несколькими независимыми цветными пятнами и позволяет загружать результат как изображение PNG.
Сколько цветов я могу использовать?
+
Вы можете комбинировать от 3 до 6 цветов в одном mesh-градиенте.
Могу ли я скачать результат как изображение?
+
Да, вы можете скачать градиент сетки непосредственно в формате PNG, готовый к использованию в качестве фона.
Это бесплатно?
+
Да, этот инструмент полностью бесплатный.
Мой дизайн загружается на какой-то сервер?
+
Нет. Весь процесс, от создания до загрузки PNG, происходит непосредственно в вашем браузере без отправки данных на сервер.
Цвета
Конвертер цветов (HEX, RGB, HSL, CMYK)
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK с живым предпросмотром и ближайшим названием цвета.
Генератор палитр цветов
Создавайте гармоничные палитры из 5 цветов (дополнительные, аналогичные, триадные или монохроматические) на основе выбранного цвета.
Генератор CSS градиентов
Создавайте линейные или радиальные градиенты до 4 цветов и копируйте готовый CSS код.
Проверка контрастности WCAG
Проверьте, соответствует ли комбинация цветов текста и фона уровням доступности AA и AAA.
Случайный цвет
Генерируйте случайный цвет одним кликом и узнайте его название, код HEX/RGB/HSL и похожие цвета.
Палитра цветов (пипетка)
Выбирайте любой цвет с экрана с помощью пипетки браузера или используйте классический селектор.
Симулятор дальтонизма
Загрузите изображение и посмотрите, как его видят люди с протанопией, дейтеранопией или тританопией.
Генератор оттенков и теней
Автоматически создавайте более светлые оттенки и темные тени любого цвета с кодом HEX.
Микшер цветов
Смешивай два цвета и открывай промежуточные оттенки пошагово с их HEX-кодами.
Цветовое колесо (Гармонии)
Выберите цвет на колесе и откройте его гармоничные комбинации: дополнительные, аналогичные, триадические и многое другое.
Экстрактор палитры из изображения
Загрузите изображение и автоматически извлеките его доминирующие цвета в палитру с HEX-кодом каждого.
Средний Цвет Изображения
Загрузите изображение и мгновенно рассчитайте его средний цвет с кодами HEX, RGB и HSL.
Изучите цвета по семействам
Более 469 именованных цветов с кодами HEX, RGB, HSL и CMYK, организованные в 12 семейств оттенков.
