Генератор Mesh-градієнтів
Створюй фони з mesh-градієнтами (розмиті кольорові плями) та завантажуй у PNG або копіюй код CSS.
Як створити mesh градієнт онлайн
Виберіть колір фону та додайте кольори
Виберіть базовий колір та додайте до 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 код та подібні кольори.
Вибір кольору (піпетка)
Вибирайте будь-який колір з екрана за допомогою інструменту піпетки браузера або скористайтеся класичним палітрою.
Симулятор кольорослipості
Завантажте зображення та перевірте, як його бачать люди з протанопією, дейтеранопією або тританопією.
Генератор відтінків і тіней
Автоматично генеруйте світліші відтінки та темніші тіні будь-якого кольору з його HEX-кодом.
Змішувач Кольорів
Змішайте два кольори та відкрийте проміжні відтінки поетапно, з їхнім кодом HEX.
Колірне колесо (Гармонії)
Виберіть колір на колесі й відкрийте його гармонійні комбінації: комплементарні, аналогічні, тріадичні та більше.
Екстрактор палітри з зображення
Завантажте зображення та автоматично витягніть його домінуючі кольори в палітру з HEX-кодом для кожного.
Середній Колір Зображення
Завантажте зображення та миттєво розрахуйте його середній колір з кодами HEX, RGB і HSL.
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
